JS高级-完美版教 学说明.docVIP

昨天内容回顾 数据类型 Number String Boolean Null undefined object 数值数据Number类型 0数值八进制 0x数值十六进制 Number.MAX_VALUE; Number.MIN_VALUE; 各种运算符 算术、比较、逻辑 流程控制 switch(true)（条件判断表达式的使用） break/continue; flag: for for break flag; 函数使用 声明:传统、匿名函数(变量赋值方式) 参数：实参与形参不要求有严格对应关系 关键字arguments(接收实参信息)/callee(代表本函数引用) 返回值：全部类型信息都可以返回包括嵌套的函数 调用：传统、匿名函数自调用(有效防止函数名字污染) 数组使用 声明 var arr = [元素，元素]; var arr = new Array(元素，元素); var arr = new Array(); arr[下标] = 值; //给数组丰富元素 长度 数组.length; 遍历 for for-in 二. DOM 1. 介绍 dom: document object model 文档对象模型 DOM技术： php里边有：php语言 与 xml/html标签之间沟通的一个桥梁。 javascript里边有：js语言 与 html/xml标签之间沟通的一个桥梁。 为了方便javascript语言通过dom操作html比较方便， 把html标签的内容划分为各种节点： 文档节点(document) 元素节点 文本节点 属性节点 注释节点 html head titledom操作/title /head body h22015-1-22/h2 input type=”text” name=”username” !—在js里边通过dom实现对html的操作-- /body /html dom就是学习利用javascript如何实现对html标签内容的增、删、改、查等操作 2. 元素节点获取 具体操作方法： document.getElementById(id属性值); document.getElementsByTagName(tag标签名称); document.getElementsByName(name属性值);不推荐，有浏览器兼容问题,通常应用在form表单里边。 3. 文本节点获取 divhello/div 需要借助div元素节点再获得其内部的文本节点. var dvnode = document.getElementsByTagName(‘div’)[0]; dvnode.firstChild; //(或调用lastChild)获得元素div内部的第一个子节点对象 4. 兄弟节点 firstChild、lastChild:父节点获得第一个/最后一个子节点 nextSibling:获得下个兄弟节点 previousSibling:获得上个兄弟节点 childNodes:父节点获得内部全部的子节点信息 以上属性在主流浏览器(火狐firefox、chrome、safari、opera)中会给考虑空白节点。在IE浏览器中不考虑。 父节点 节点.parentNode; 6. 属性值操作 6.1 属性值操作 input type=”text” name=”username” value=”tom” class=”orange” / a href=” HYPERLINK ” addr=’beijing’ target=”_blank”百度/a 获取属性值 itnode.属性名称; //只能操作w3c规定的属性 itnode.getAttribute(属性名称); //规定的 和 自定义的都可以获取 设置属性值 itnode.属性名称 = 值; //只能操作w3c规定的属性 itnode.setAttribute(名称，值); //规定的 和 自定义的都可以设置 6.2 属性节点获取 var attrlist = itnode.attributes; //返回对应节点内部的全部属性信息，数组列表形式返回 attrlist.属性名称; //获得具体属性节点 获得节点类型nodeType： 1 元素节点 2 属性节点 3 文本节点 9 文档节点 7. 节点创建和追加 节点创建 元素节点：document.createElement(tag标签名称); 文本节点：document.createTextNode(文本内容); 属性设置：node.setAttribute(名称，值); 节点追加： 父节点.appendChild(子节点); 父节点.