gpt4 book ai didi

javascript -
转载 作者:行者123 更新时间:2023-12-01 15:59:14 29 4
gpt4 key购买 nike

我一直在使用带有脚本标签的 defer 属性,但刚刚发现 <link rel="prefetch" href="library.js" as="script">
对比

<script defer="" src="library.js"></script>

最佳答案

它们是两种截然不同的东西。 <link rel="prefetch">向浏览器指示将需要某些资源(不一定是 JavaScript)。如果您通过 JavaScript 动态加载资源,这很有用。<script defer>当 JavaScript 代码执行时改变。一旦浏览器遇到该元素,它就会被获取,但它仅在文档完全加载时运行。
在这些情况下,它们可能是相似的:

  • <link rel="prefetch"><head><script>在末尾<body>
  • <script defer><head>

  • 在这两种情况下,JavaScript 资源是同时获取的,但在第一个示例中,JavaScript 是在整个 <body> 之前执行的。被加载,而在第二个中,JavaScript 在整个文档加载后执行(即所有元素都在 DOM 中)。

    关于哪个更好:我会使用 <script defer><head>而是因为:
  • 它不会阻止 HTML 解析器,
  • 它具有更好的兼容性和
  • 少写点东西。
  • 关于javascript - <link rel ="prefetch"与脚本延迟哪个更好?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62680631/

    29 4 0

    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com