JavaScript在浏览器中加载的方法

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

<强>加载过程

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

文档解析

(2)通过链接引入外部css,创建线程,进行异步加载。

(3)通过脚本引入外部js,并且没有设置异步,推迟,浏览器同步加载,并阻塞等

(4)等待js加载后为其设置有异步,推迟,浏览器创建线程异步加载,其中异步在脚本加载完成后立即执行(注意:异步加载应禁止使用document . write ())

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

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

(7)文档对象触发DOMContentLoaded事内件,这也标志着程序执行从同步脚本执行阶段,转化为事件驱动阶段。

(8)当所有异步的脚本加载完成并执行后,img等加载完成后(页面所有的都执行加载完之后),文档。readyState=& # 39;不能# 39;,窗口对象触发负载事件。

(9)从此,以异步响应方式处理用户输入,网络事件等

<强>注意

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