1.尽量少访问DOM和尽量减少标记
if(document.getElementsByTagName("a").length>0){
var links = document.getElementsByTagName("a");
for(var i=0; i<links.length;i++)
}
这段代码搜索了2次DOM树,应该将搜索结果保存在变量中:
var links = document.getElementsByTagName("a");
if(links.length>0){
for(var i=0; i<links.length;i++)
}
同理,当多个函数要取得一组类似元素的情况下,要重构代码,将搜索结果保存在变量中,或者将其以参数传递给函数
另外去掉不必要的标记,减少DOM树的规模,进而减少搜索DOM树的时间。
2.合并和放置脚本
包含脚本的最佳方式是使用外部文件,浏览器能对多个页面重用缓存过的相同脚本。
<script>标签应该放在文档的末尾,</body>之前,可以让页面变得更快。