day04_完善JS表单的校验和提示

inner是属性

document.write()是方法

JS事件:

获得焦点                onfocus(光标闪烁)

失去焦点                onblur(点击空白处,光标消失)

表单提交的时候        onsubmit

document.getElementById(id).innerHTML("< font color='green'>"+content+"< /font>")

onload        页面加载

onclick        单击

onchange下拉列表改变事件

ondblclick双击某个元素的事件

键盘操作事件

onkeyup键盘弹起

onkeydown

onkeypress

鼠标操作事件

onmousedown

onmousemove移动

onmouseout移开

onmouseover上边

onmouseup

tbody和thead:

放到< table>里,可以有多个tbody

thead---把< td>换成< th>字体居中,加粗

tbody---tBodies()

JS完成复选框的全选和全部选效果:

JS中DOM对象:        文档对象模型

什么是DOM模型?

Node包括:

​                Element对象(元素)代表的就是所有的标签

​                document代表整个HTML文档(document可以操作整个HTML)

​                标签里的文本内容称为Text(文档节点)

​                Attribute代表了属性内容(属性节点)

Document的常用操作:

获得元素:

document.getElementById()只能获得一个元素

document.getElementsByName();获得是元素的集合

document.getElementsByTagName()通过标签名获得元素

创建元素:

document.createElement();-- 创建元素

document.createTextNode();  -- 创建文本

添加节点:

element.appendChild(); -- 在最后添加一个节点.

element.insertBefore();-- 在某个元素之前插入.

删除节点:

element.removeChild(); --删除元素

JS的内置对象:

String:        charAt(),indexOf(),last indexOf()

Date:        getTime(),1970至今的毫秒数

Boolean

Math

Array

JS的全局函数:

parseInt()        parseFloat()

编码和解码的方法:

解码:        decodeURI();decodeURIComponent();

编码:        encodeURI();encodeURIComponent();

day04_完善JS表单的校验和提示

inner是属性

document.write()是方法

JS事件:

获得焦点                onfocus(光标闪烁)

失去焦点                onblur(点击空白处,光标消失)

表单提交的时候        onsubmit

document.getElementById(id).innerHTML("< font color='green'>"+content+"< /font>")

onload        页面加载

onclick        单击

onchange下拉列表改变事件

ondblclick双击某个元素的事件

键盘操作事件

onkeyup键盘弹起

onkeydown

onkeypress

鼠标操作事件

onmousedown

onmousemove移动

onmouseout移开

onmouseover上边

onmouseup

tbody和thead:

放到< table>里,可以有多个tbody

thead---把< td>换成< th>字体居中,加粗

tbody---tBodies()

JS完成复选框的全选和全部选效果:

JS中DOM对象:        文档对象模型

什么是DOM模型?

Node包括:

​                Element对象(元素)代表的就是所有的标签

​                document代表整个HTML文档(document可以操作整个HTML)

​                标签里的文本内容称为Text(文档节点)

​                Attribute代表了属性内容(属性节点)

Document的常用操作:

获得元素:

document.getElementById()只能获得一个元素

document.getElementsByName();获得是元素的集合

document.getElementsByTagName()通过标签名获得元素

创建元素:

document.createElement();-- 创建元素

document.createTextNode();  -- 创建文本

添加节点:

element.appendChild(); -- 在最后添加一个节点.

element.insertBefore();-- 在某个元素之前插入.

删除节点:

element.removeChild(); --删除元素

JS的内置对象:

String:        charAt(),indexOf(),last indexOf()

Date:        getTime(),1970至今的毫秒数

Boolean

Math

Array

JS的全局函数:

parseInt()        parseFloat()

编码和解码的方法:

解码:        decodeURI();decodeURIComponent();

编码:        encodeURI();encodeURIComponent();