搜集总结

2017-01-11 本文已影响1人有个水友

JavaScript脚本通常要在文档加载完毕（至少完成DOM树构建：window.ready监听DOM树的构建）后才能去执行，否则可能出现无法获取对象的情况。

window.onlaod = function() {
  //执行的脚本
}

方法2：将JavaScript代码卸载</body>之前：（推荐使用）
HTML解析到</body>时已经完成所有资源的加载，此时执行脚本不会有问题。
HTML的解析过程：
HTTP协议（可以）通过GZIP格式传输数据。首先，下载HTML文档，在内存中将HTML代码转化为DOM Tree；然后，然后浏览器根据DOM Tree上的Node分析CSS（sandbox model）和Images，所以CSS和Images下载是并行的；其次，JavaScript文档单独下载，因为JavaScript代码可能影响DOM Tree的结构；最后，浏览器完成页面渲染，形成最终的“呈现树”（Render Tree or Frame Tree）

小结：

如果引入外部js文件的script标签在<head>...</head>标签中，需要使用window.onload监听页面加载完成事件，再执行js代码，否则会堵塞页面的加载；
如果引入外部js文件的script标签在</body>之前，则无需写window.onload。