js实现异步加载的三种方式

js实现异步加载

1.defer

defer 写在script标签中的属性 让script变成异步的记载方式 只能在ie中使用

//这两种怎么写都行
<script defer></script>
<script type="text/javascript" defer="defer"> </script> 

2.async（HTML5的属性）

//和上面的一样

3.按需加载

动态创建script标签 等到所有的 html文件解析和加载完成之后在添加
代码如下：

function loadScript(url, callback) {
            var script = document.createElement('script');
            //为ie添加的兼容，监听状态码
            if (script.readyState) {
                script.onreadystatechange = function () {
                    if (script.readyState == 'complate' || script.readyState == 'loaded') {
                        callback();
                    }
                }
            } else {
            //加载完成去执行代码  ie中不能使用
                window.onload = function () {
                    callback();
                }
            }
            script.src = url;
            document.body.appendChild(script);
        }

（如果这篇文章有什么问题请及时联系我！）