JavaScript在浏览器中加载的方法-创新互联

这篇文章给大家分享的是有关JavaScript在浏览器中加载的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

专业领域包括成都网站设计、成都网站制作、成都商城网站开发、微信营销、系统平台开发， 与其他网站设计及系统开发公司不同，创新互联建站的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，为客户提供全网互联网整合方案。

加载过程

（1）解析 web 页面也就是解析 HTML 元素和他们的文本内容，将对像和文本添加到文档中，document处于加载中

文档解析

（2）通过link引入 外部 css，创建线程，进行异步加载。

（3）通过 script 引入外部 js，并且没有设置 async、defer，浏览器同步加载，并阻塞等

（4）等待js加载后为其设置有async、defer，浏览器创建线程异步加载，其中 async在脚本加载完成后立即执行（注意 ：异步加载应禁止使用 document.write()）

（5）遇到 img 等带有 src的属性，应该先正常解析 dom 结构，然后浏览器异步加载 src，并继续解析文档，如果 看到标签就直接生产 dom 树，不需要等着 img 加载完 scr。

（6）文档解析完成后，所有设置有 defer 的脚本会按照顺序执行。（注意与 async 的不同，但同样禁止使用 document.write()）;

（7）document 对象触发 DOMContentLoaded 事件，这也标志着程序执行从同步脚本执行阶段，转化为事件驱动阶段。

（8）当所有 async 的脚本加载完成并执行后、img 等加载完成后（页面所有的都执行加载完之后），document.readyState = 'complete'，window 对象触发 load 事件。

（9）从此，以异步响应方式处理用户输入、网络事件等

注意

我们在写程序的时候最好将script标签写在下面，虽然写在上面不仅可以操作div，又可以在dom解析完就立刻处理，这样使效率更高，但是最好还是写在最下面

感谢各位的阅读！关于JavaScript在浏览器中加载的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文名称：JavaScript在浏览器中加载的方法-创新互联
文章出自：http://mswzjz.cn/article/dpseod.html