首页 > Web开发 > 详细

异步加载JS

时间:2019-01-08 13:54:53      阅读:165      评论:0      收藏:0      [点我收藏+]

JS异步加载三种方案

1. defer异步加载,但要等到dom文档全部解析完才会被执行。且只有IE可以用,也可以将代码写到内部。

1 <script type="text/javascript" defer="defer">   //在script里这样写就可以了
2       var a = 123;                  //defer异步加载可以在里面写代码
3 </script>

 

 

2. async异步加载,加载完就执行。async只能加载外部脚本,是不能将js代码写到script标签里。

1 <script type="text/javascript" async="async">
                              //不能在里面写代码,只能外部src调用
</script>

async是W3C标准规定的,兼容各大浏览器。

 

3. 第三种方式就是通过创建标签的方式

<script type="text/javascript">
        var script = document.createElement(‘script‘);
        script.type = "text/javascript";
        script.src = "demo.js";         //下载完
        document.head.appendChild(script);  //当插入进去script后,才会解析这个js。否则只是下载完,不会执行。
</script>

 

异步加载JS

原文:https://www.cnblogs.com/cz976230/p/10233946.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!