《javascript Dom编程艺术》学习笔记（上）

• childNodes属性，elem.childNodes 获取任何一个元素的所有的子元素，包括节点元素，文本元素，属性元素等 .length属性获子元素的数量 window.onload当页面加载时候执行。

• nodeType属性， elem.nodeType获得属性是一个数值，nodeType总攻有12种可取值，但是具有实用价值的只有三种：元素节点、属性节点、文本节点的nodeType的值分别为1，2，3；不同的值，可以让函数只对特定的类型节点进行处理。

• nodeValue 要改变文本节点的值，需要使用nodeValue来获取节点的值。诸如想如下代码：使用 var elems = document.getElementById('#mttext')获取的时元素数组，还需要elems[0].nodeValue才能够获得最终的值。同时可以使用nodeValue来设置元素的值elems[0].nodeValue = 'i am a good boy';

why not

• firstChild和lastChild获取首个和最后一个元素 上面的elems[0].nodeValue 等价于 elems.firstChild.nodeValue

javascript的平稳退化

    function popUp(url){
        window.open(url,'popup','width=320px,height=480px');
    }
    
    
    
    

性能考虑

• 尽量少访问dom和尽量减少标记
  1.document.getElementsByTagName('a')的每次使用都会重新搜索整个dom文档，最好的方法就是使用赋值var links = document.getElementsByTagName('a')

2.过多的不必要的元素只会增加Dom树的规模，增加Dom树查找特定元素的时间

• 合并和放置脚本
  1.合并文本减少了加载页面时发送的请求量，减少请求量是性能优化时首先需要考虑的。

2.文件放置位置，位于中的脚本导致浏览器无法并行加载其他的文件（如图像活着文本），一般来说，根绝HTTP规范，浏览器从同一域名最多只能同时下载两个文件。把所有的