JavaScript加强98588.pptVIP

IT资讯交流网 WWW.IT315.ORG JavaScript加强 Aptana简介 Aptana插件在ecpise中安装 Aptana插件在MyEcpise中安装 Aptana增加提示功能 Aptana功能展示 回顾javaScript基础知识 浏览器的对象树 javaScript定义函数的三种方式 正常方法 function print(msg){ document.write(msg); } 对函数进行调用的几种方式： 函数名（传递给函数的参数1，传递给函数的参数2，….） 变量 = 函数名（传递给函数的参数1，传递给函数的参数2，….） 对于有返回值的函数调用，也可以在程序中直接使用返回的结果，例如：alert(sum=“ + square(2,3)); 不指定任何函数值的函数，返回undefined。 javaScript定义函数的三种方式 构造函数方法 new Function(); //构造函数方式定义javascript函数 注意Function中的F大写 var add=new Function(a,b,return a+b;); //调用上面定义的add函数 var sum=add(3,4); alert(sum); 注:接受任意多个字符串参数，最后一个参数是函数体。 如果只传一个字符串，则其就是函数体。 javaScrip定义函数的三种方式 函数直接量定义函数 //使用函数直接量的方式定义函数 var result=function(a,b){return a+b;} //调用使用函数直接量定义的函数 var sum=result(7,8); alert(sum); 注:函数直接量是一个表达式，它可以定义匿名函数 回顾javaScript基础知识完 DOM DOM ：DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件 D：文档 – html 文档 或 xml 文档 O：对象 – document 对象的属性和方法 M：模型 DOM 是针对xml(html)的基于树的API。 DOM树:节点（node）的层次。 DOM 把一个文档表示为一棵家谱树（父，子，兄弟） DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面 DOM的结构 DOM的结构 节点及其类型 查找元素节点 getElementById() 寻找一个有着给定 id 属性值的元素，返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素，它返回 null. var oElement = document.getElementById ( sID ) 该方法只能用于 document 对象 查找元素节点 getElementsByName() 寻找有着给定name属性的所有元素，这个方法将返回一个节点集合，这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定name属性的所有元素的总个数。 查找元素节点 查找元素节点 getElementsByTagName() 寻找有着给定标签名的所有元素，这个方法将返回一个节点集合，这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定标签名的所有元素的总个数。 var elements = document.getElementsByTagName(tagName); var elements = element.getElementsByTagName(tagName); 该方法不必非得用在整个文档上。它也可以用来在某个特定元素的子节点当中寻找有着给定标签名的元素。 var container = document.getElementById(“sid”); var elements = container.getElementsByTagName(“p”); alert(elements .length); 查找元素节点 查找元素节点 查找元素节点 查看是否存在子节点 hasChildNodes() 该方法用来检查一个元素是否有子节点，返回值是 true 或 false. var booleanValue = element.hasChildNodes(); 文本节点和属性节点不可能再包含任何子节点，所以