js异步加载

最新推荐文章于 2023-03-08 10:33:45 发布

WhaleFall__

最新推荐文章于 2023-03-08 10:33:45 发布

阅读量359

点赞数 2

分类专栏： js 文章标签： js异步加载

本文链接：https://blog.csdn.net/kerr321/article/details/95102244

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript异步加载的三种方法：1) 使用defer属性，等待DOM解析完成再执行，仅IE支持；2) 使用async属性，加载完成即执行，适用于外部脚本；3) 动态创建script标签并插入DOM，加载完成后调用回调函数。这三种方式都不会阻塞页面渲染。

摘要由CSDN通过智能技术生成

异步加载JS

javascript异步加载的三种方案：
1.defer异步加载，但要等到dom文档全部解析完才会被执行。只有ie能用，也可以将代码写到内部。

2.async 异步加载，加载完成就执行，async只能加载外部脚步，不能把js写在script标签里面。
在这里插入图片描述
1和2执行同时不阻塞页面

3.创建script，插入到DOM中，加载完毕后callBack

// An highlighted block
function loadscript(url,callback) {
        var script=document.createElement('script');
        script.type="text/javascript";
        if (script.readyState){
            script.onreadystatechange=function () {
                if (script.readyState=="compolete"||script.readyState=="loaded"){
                    callback();
                }
            }
        }
        script.src=url;
        document.head.appendChild(script);
    }