本文探讨了浏览器加载HTML文档时遇到JS文件的行为变化。由于JS可能会改变DOM结构，因此浏览器会阻塞其他资源的加载直到JS加载完成。文章提出了减少这种阻塞的建议：避免在head标签中引入JS或将JS内嵌。
综上所述：
当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现某个节点(node)上引用了CSS或者 IMAGE，就会再发1个request去请求CSS或image,然后继续执行下面的转换，而不需要等待request的返回，当request返回 后，只需要把返回的内容放入到DOM树中对应的位置就OK。但当引用了JS的时候，浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构，而JS中很有可能有代码直接改变了DOM树结构，浏览器为了防止出现JS修改DOM树，需要重新构建DOM树的情况，所以 就会阻塞其他的下载和呈现.
这里的结论：
1 在head里面尽量不要引入javascript.
2 如果一定要在在head里面引入js，则 尽量将js内嵌，并且内嵌在所有css的前面而不是后面.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
