js的[defer]和[async]属性

时间:2022-09-21 14:47:37

[defer]

可以在<script>中加入defer属性,告诉浏览器这段script不必立即执行,那么浏览器就会在完全载入文档之后再执行这个script,相当于window.onload,但它比window.onload更灵活。

 

复制代码 代码如下:

 <script defer="true"></script>

 

[async]

使用async属性加载JavaScript,这样整个脚本就可以异步加载和执行。

<script>标签的defer属性——告诉浏览器该脚本不会在页面加载完成之前操作DOM,脚本将会和其他资源文件并行下载;
<script>标签的async属性——HTML5新的异步、并行模式,脚本将在完成下载后等待合适的时机执行代码。

大家有没有对 javascript的[defer]和[async]属性有所了解了呢,有什么疑问可以留言,大家一同探讨