DOM操作技术

1.动态script

function loadScript(url) {

　　var script = document.createElement("script");

　　script.type = "text/javascript";

　　script.src = url;

　　document.body.appendChild(script);

}

在执行最后一行代码把<script>元素添加到页面中之前，是不会下载外部文件的

2.动态样式

function loadStyles(url) {

　　var link = document.createElement("link");

　　link.rel = "stylesheet";

　　link.href = url;

　　var head = docuement.getElementByTagName("head")[0];

　　head.appendChild(link);

}

3.使用NodeList

DOM操作往往是JavaScript程序中开销最大的部分，而因访问NodeList导致的问题为最多，NodeList对象都是动态的，这就意味着每次访问都要进行一个查询，

最好的办法就是尽量减少DOM操作