Html和JS基础

简介: 1.body:bgcolor,background(背景图片),bgproperities=fixed(图片水印),text(正文颜色)。 2.hr:水平分割线,正文标题自动换行了 3.

1.body:bgcolor,background(背景图片),bgproperities=fixed(图片水印),text(正文颜色)。
2.hr:水平分割线,正文标题<h?>自动换行了
3.head:title,<link rel = stylesheet href = "css.css" type = "text/css" />,style:设置网页的内部样式表,meta

 
<style type = "text/css">
body{background-color:white;color:red;}
</style>

4.常用文本格式:bold(b粗体),italic(i斜体),del(删除线),ins(下划线),sub(下标),sup(上标),pre(原样显示,保留空格和换行)
5.特殊字符(一般文本编辑器不好找):&nbsp(空格);&lt(小于号);&gt(大于号);&amp(&);&copy(版权编号);&reg(祖册上标);&times(乘号);&divide(除号);
6.锚(anchor):<a name="place">目标位置</a>   <a name = "#place">,href(链接到网址或者图片),title:设置超链接的说明文字,链接到邮件;<a href="mailto:444@qq.com">联系我们</a>
7.列表:ol(ordered list)有序列表li;ul无序列表li;dt定义列表dt,都有可选属性type设置序号类型
8.表格的th相对于td只有加粗效果;caption:设置表格的标头
9.表单里image类型也提供了提交功能
10.页面框架:

 
<frameset rols = "%25,*">
    <frame name = "my1" src = "1.htm">
    <frame name = "my2" src = "2.htm">
</frameset>
 


11.rel:relationship,link引入外部样式表;在head内还可以定义内部样式表,比如p.style1{.....},那么在段落标记里可以使用class="style1"属性来调整段落。
12.div(division);师,块标记;如果div不配合css那么和段落标记没什么区别。

13.js解释执行(Interrupted Language)
14.js变量区分大小写
15.js没有equals,比较字符串直接使用“==”
16.window.prompt()弹出快捷提示
17.var a = new Array(3)(js弱类型,没int什么的)然后赋值;for(var s(s字符串类型的下标) in a)
18.body里可以onLoad或者onUnload当页面加载或者卸载,和java的区别是少了创建监听器对象
19.表单里submit和reset和image都是button的子类,不过缺省的话什么也不做,使用onclick
20.
 
<script language = "JavaScript">
function clear()
{
document.myform1.userName.value="";
]
function show()
{
window.alert(”您填写的姓名是:“ + document.myform1.userName.value);
]
 
 
<form name = "myform1">
<input type="text" name = "userName" value=“请输入姓名” onFocus="clear()" onblur = "show()"/ >
</form>
 
 
21.鼠标位置event.x和event.y 
22.流氓广告:一直跟着鼠标直到你点击其实就是出发onMousemove
23.系统函数:eval(evaluation评估)(str)计算字符串类型的表达式;parseInt(str,radix)解析出整数直到遇到非法字符,那么返回解析出来的并不是出错,如果第一个就是非法字符那么返回NaN)。
parseFloat,isNaN
24.在js里提交表单document.表单明.submit()
25.转页面window.location("url"),实际上window是顶级对象可以省略 。 
目录
相关文章
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
移动开发 前端开发 安全
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
693 33
|
人工智能 前端开发 JavaScript
前端基础之HTML
Web1.0、Web2.0 和 Web3.0 标志着互联网发展的三个阶段。Web1.0(静态互联网,1990年代初至2000年代初)以静态内容和单向信息流为主,用户仅能浏览。Web2.0(互动互联网,2000年代初至2010年代初)引入了用户生成内容和社交网络,内容动态且互动性强。Web3.0(语义互联网,2010年代至今)强调语义化、个性化、智能化及去中心化,结合AI、区块链等技术,提供沉浸式体验。HTTP和HTML作为互联网基础协议和技术,在各阶段不断演进,共同推动了现代互联网的发展。
前端基础之HTML
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
319 24
|
前端开发 JavaScript
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
485 2
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
441 3
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
222 4