script标签的defer属性

转载于 2012-08-08 10:17:00 发布 · 177 阅读

文章标签：

本文深入探讨JavaScript defer属性的作用，如何用于延迟脚本执行直至页面加载完成，以及其在不同场景下的应用，特别关注对提高网页加载速度的影响。以实际例子演示如何在不改变文档内容的情况下使用defer属性，以及为什么只有IE浏览器支持此特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。

有的 javascript 脚本 document.write 方法来创建当前的文档内容，其他脚本就不一定是了。

如果您的脚本不会改变文档的内容，可将 defer 属性加入到 <script> 标签中，以便加快处理文档的速度。

因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本，它将推迟对脚本的解释，直到文档已经显示给用户为止。

例子:

<script type="text/javascript" defer="defer">
alert(document.getElementById("p1").firstChild.nodeValue);
</script>

但是支持该属性的只有ie浏览器.