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操作