文章分类 - JavaScript DOM编程艺术学习笔记
摘要:DOM提供了名为insertBefore()方法,这个方法将把一个新元素插入到一个现有元素的前面。在调用此方法时,我们必须告诉它三件事:(1)想插入的新元素(newElement)(2)想把这个新元素插入到哪个现有元素(targetElement)的前面。(3)这两个元素共同的父元素(parentElement)。下面是这个方法的调用语法:parentElement.insertBefore(newElement,targetElement)我们不必知道那个父元素到底是哪个,因为targetElement元素的parentNode属性就是它。既然有一个insertBefore()方法,就应该有
阅读全文
摘要:在HTML文档完成加载之前,DOM是不完整的。网页加载完毕时会触发一个onload事件,这个事件与window对象相关联。如:widow.onload = prepareGallery;假设我有两个函数:firstFunction()和secondFunction()。如果把它们逐一绑定到onload事件上,他们当中将只有最后那个才会被实际执行:widow.onload = firstFunction;widow.onload = secondFunction;由此得出一个结论:每个事件处理函数只能绑定一条指令。小技巧-可以创建一个匿名函数来容纳这两个函数,然后把那个匿名函数绑定到onload
阅读全文
摘要:“真”协议特指那些用来在因特网上的两台计算机之间传输各种数据包的标准化通信机制,如"http://、ftp://"等,伪协议则是人们对非标准化通信机制的统称。"javascript:"伪协议让我们可以通过一个链接来调用JavaScript函数。下面是通过"javascript:"伪协议popUp()函数的具体做法:Example
阅读全文
摘要:childNodes属性childNodes属性让我们可以从给定文档的节点树里把任何一个元素的所有子元素检索出来。childNodes属性将返回一个数组,这个数组包含给定元素节点的全体子元素;element.childNodeschildNodes属性返回的是一个数组,所以可以用数组数据类型的length属性查出它所包含的元素的个数:body_element.childNodes.length;nodeType属性由childNodes属性返回的数组包含着所有类型的节点,除了所有的元素节点,所有的属性节点和文本节点也包含在其中。事实上,文档里几乎每一样东西都是一个节点——甚至连空格和换行符都会
阅读全文
摘要:在给某个元素添加了事件处理函数后,一旦发生预定事件,相应的JavaScript代码就会得到执行;那些JavaScript代码可以返回一个结果,而这个结果将被传递回那个事件处理函数。例如,我们可以给某个链接添加一个onclick事件处理函数,并让这个处理函数所触发的JavaScript代码返回布尔值true或false。这样一来,当这个链接被点击时,如果那段JavaScript代码返回给onClick事件处理函数的值是true,onClick事件处理函数将认为“这个链接被点击了”;反之,如果那段JavaScript代码返回给onClick事件处理函数的值是false,onclick事件处理函..
阅读全文
摘要:getElementById()方法DOM提供了一个名为getElementById()的方法,这个方法将返回一个与那个有着给定id属性值的元素节点相对应的对象。getElementById()方法只有一个参数:你想获得的那个元素的id属性值,这个id值必须放在单引号或双引号里。例如:document.getElementById("purchases")事实上,文档中的每一个元素都对应着一个对象。利用DMO提供的方法,我们可以把与这些元素相对应的任何一个对象筛选出来。getElementsByTagName()方法getElementsByTagName()方法将返回一个
阅读全文
摘要:JavaScript语言里的对象可以分为三种类型:用户自定义对象(user-definded object):由程序员自行创建的对象。内建对象(nativa object):内建在JavaScript语言里的对象,如Array Math和Date等。宿主对象(host object):由浏览器提供的对象。
阅读全文
摘要:在命名变量时,用下划线来分隔各个单词;var temp_fahrenheit = 95;var temp_celsius = convertToCelsius(temp_fahrenheit);alert(temp_celsius);在命名函数时,从第二个单词开始把每个单词的第一个字母写成大写形式(所谓的Camel记号)。function convertToCelsius(temp){ var result = temp -32; result = result / 1.8; return result;}这么做就是为了让自己能够一眼看出哪些名字是变量,哪些名字是函数。
阅读全文

浙公网安备 33010602011771号