ZBLOG

html defer 执行顺序是相反的吗

在HTML中,<script>标签的defer属性用于延迟脚本的执行,直到文档解析完成。使用了defer属性的脚本会按照它们在文档中出现的顺序执行,而不是相反。

具体执行顺序:

  1. 当浏览器解析HTML时

    • 遇到带有defer属性的脚本时,会将其下载,但不会立即执行。
  2. 当文档解析完成后

    • 按照在文档中的出现顺序,依次执行所有带有defer属性的脚本。

示例:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Defer Example</title>
  7. <script src="script1.js" defer></script>
  8. <script src="script2.js" defer></script>
  9. </head>
  10. <body>
  11. <h1>Hello, World!</h1>
  12. </body>
  13. </html>

在上面的示例中,虽然两个脚本是异步下载的,但 script1.js 会在 script2.js 之前执行,因为它们按顺序定义在文档中。

总结一下:使用 defer 属性并不会导致反向执行,而是确保按顺序执行。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=23014

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?