Rumah > hujung hadapan web > tutorial js > Javascript中的defer属性和async属性的用法详解

Javascript中的defer属性和async属性的用法详解

云罗郡主
Lepaskan: 2018-10-17 15:13:39
ke hadapan
1929 orang telah melayarinya

本篇文章给大家带来的内容是关于Javascript中的defer属性和async属性的用法详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

为什么需要异步加载js文件:

不使用异步,文档在加载js代码时会阻塞其他资源的下载,导致空白页面。

(1)置于顶部的js脚本,浏览器在执行时需要花费时间去下载外链文件的代码并执行,此时会导致明显的延迟,显示为空白页面,用户无法浏览内容,也无法与页面进行交互。 

(2)虽然IE8、Firefox3.5、Safari4、Chrome2都允许并行下载Javascript文件,脚本的下载过程不会互相影响,但页面的加载仍旧需要等到所有的Javascript代码下载并执行完成才能继续。正因为如此,推荐将

Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan