HTML <script> 标签的 defer 属性

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


实例

defer 延时加载的用法

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>script 元素的 defer 属性</h1>
  5. <script src="demo_defer.js" defer></script>
  6. <p>上面的脚本从下面的段落请求信息。通常,这是不可能的,因为脚本是在段落存在之前执行的。</p>
  7. <p id="p1">Hello World!</p>
  8. <p>但是,defer属性指定脚本应该稍后执行。这样脚本就可以从段落中请求信息。</p>
  9. </body>
  10. </html>

定义和用法

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

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

如果您的脚本不会改变文档的内容,可将 defer 属性加入到 <script> 标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。


浏览器支持

ֻ只有 Internet Explorer 支持 defer 属性。


语法

  1. <script defer="value">
属性值
描述
defer 延迟脚本的执行。