如何使用html5链接preload js资源

时间:2017-11-06 07:30:06

标签: html5

  1. 这是我的链接代码,当页面刷新时我无法看到此Javascript资源加载: -

    <link rel="preload" href="/dist/build.gbk.js" as="script">
    
  2. 如何确保链接有效?

1 个答案:

答案 0 :(得分:1)

更新:

<link rel="preload" href="main.js" as="script">

这意味着浏览器会预加载JavaScript文件,但实际上还没有使用它。

要使用它,您可以在需要时执行此操作:

var preloadedScript = document.createElement("script");
preloadedScript.src = "main.js";
document.body.appendChild(preloadedScript);

当您想要预加载脚本时,这很有用,但是在您需要的时候推迟执行它。

来源:https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content