javaScript基础(三)

一.DOM入门 1.DOM:(Document Object Model)     简介:基于文档对象模型编程,当html页面被浏览器解析运行的时候,浏览器内置js引擎经过每一个标签在解析过程中被封装成标签对象(节点对象),形成一种树状结构!就是通过获得标签对象来改变标签对象的一些特有属性,从而达到js的某种效果.     那么,由此得出我们所说的document代表整个HTML文档 2.js中获取标签对象     1)方式一:可以通过查询节点关系获取标签对象         特有属性:         parentNode:父节点(父标签对象)         childNodes:所有子节点         firstChild:第一个子节点;         lastChild:最后一个子节点;         nextSibling:下一个兄弟元素;         previousSibling:上一个兄弟节点     2)方式二: 使用document方法来获取标签对象;(开发中常用方式)         第一步: 建立事件源      用户名:        第三步: 绑定事件监听器 οnblur="getUserName()"      3.js中常见事件分类     1)单击事件     第一步:建立事件源          第三步:绑定监听器: οnclick="testClick() (事件监听器)"     第二步:创建事件监听器           2)双击事件     第一步:建立事件源     
    第三步:绑定事件监听器: ondbclick="testDbclick() (事件监听器) "     第二步:建立事件监听器         双击事件中任然可以使用window窗口对象下面,完成自己想要完成的 *** 作;     3)失去焦点事件  onblur     第一步:建立事件源      用户名:     第三步:绑定事件源 οnblur="testBlur()(事件监听器)"     第二步:建立事件监听器         4)获取焦点事件onfocus     第一步:建立事件源   用户名:     第三步:绑定事件οnfοcus="testFocus() (事件监听器) "     第二步:建立事件监听器              5)选项卡发生的变化事件                                 //第一步:建立选项卡发生事件 籍贯:                                 6)鼠标经过事件(onmouseover)                                               // 将你所要显示的照片也就是.jpg文件放在img中,通过src属性导入.                      7)鼠标移出事件(onmouseout)                                                                             // 将你所要显示的照片也就是.jpg文件放在img中,通过src属性导入.                                  二.正则表达式 1.简介:     搜索引擎能够识别的语法 2.相关语法:     1)数量相关语法     ①x:代表任意字符;     ②x+:代表字符出现一次或者多次;     ③x*:代表字符出现0次或者多次;     ④x?:代表字符出现0次或者一次;     2)范围相关语法     ①x{n}:表示x字符恰好出现n次;     ②x{n,}:表示x字符至少出现n次;     ③x{n,m}:表示x字符至少出现n次,但不超过m次;      3 )匹配相关字符     ① x[a-z]:表示x字符可以使a-z任意一个小写字母;     ②x[0-9]:x字符是一个数字字符;     ③ x[A-Za-z0-9_]:表示x字符可以使任意的大小写字母或者数字或_;     正则表达式:有一个函数test("接收用户输入的文本框的内容字符串")匹配是否成功      创建一个正则规则:     语法格式:var 正则对象名=/书写正则语法/; 不完全匹配(会出现安全漏洞)     正则对象名.test(字符串),true,匹配成功;false,匹配失败;     注意:在Java语言中和javascript中,如果要完全匹配,必须加入便捷匹配器              ^:以...开头;              $:以...结尾;              var 正则表达式对象 = /^正则语法$/;      三.表单校验 1.简介:     需要每一个表单相同时满足正则的规则,才能进行注册提交到服务器中! 举例: