js异步加载的三种方式

雨点打透心脏的1/2处 2022-03-09 14:18 557阅读 0赞

1.defer异步加载，要等到dom文档全部解析完才会执行。只有ie9以下可以用，特点是也可以将代码写到内部。

  1. <script type='text/javascript' src='tool.js' defer='defer'></script>

2.async异步加载，加载完就执行，特点是只能加载外部脚本，不能将代码写到内部里面。

  1. <script type='text/javascript' src='tool.js' async='async'></script>

3.动态创建script，插入到dom中，加载完毕后执行回调函数，不仅能实现异步加载还是实现按需加载。

  1. <script>
  2.             var script = document.createElement('script');
  3.             script.type='text/javascript';
  4.             script.src = 'tool.js';
  5.             script.onload = function(){//非ie}
  6.             script.onreadystatechange = function(){//ie
  7.                   if(script.readystate == 'complete' || script.readyState == 'loaded'){}
  8.             }
  9.             document.head.appendChild(script);
  11.       </script>

发表评论

表情：
评论列表 （有 0 条评论，557人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JS异步加载

    js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载，用到再加载，

    Myth丶恋晨Myth丶恋晨/ 0 赞/ 556 阅读

    相关 script三种加载方式

    1、三种加载方式图解 　　同步加载、延迟加载和异步加载三种加载方式图解如下： ![三种脚本加载的异同点][script.jpg] 　　从上面图中，可以看出： 　

    我就是我我就是我/ 0 赞/ 482 阅读