js异步加载

断了今生、忘了曾经 提交于 2020-01-20 19:05:32

话不多说,上代码

function loadScript(url, callback) {
    //创建一个script标签
    var script = document.createElement("script")
    //script标签的type属性
    script.type = "text/javascript"
    if (script.readyState) {
        //ie9以下浏览器
        //监听script加载时的状态码改变
        script.onreadystatechange = function() {
            if (script.readyState == "loaded") {
                callback()
            }
        }
    } else {
        //ie9+及其他浏览器
        script.onload = function() {
            callback()
        }
    }
    //设置script标签的src为参数url
    script.src = url
    //讲创建的script标签添加到<head>里
    document.head.appendChild(script)
}
//dome.js是要加载的js文件的路径
//callback要写成函数是为了防止js文件还没下载完就运行test方法导致的报错
loadScript("dome.js",function () {
    test()
})

(这是页面里的js⬆⬆⬆)


(这是要异步加载的dome.js⬇⬇⬇)
function test() {
    //里面写事件
    console.log("asd");
}
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!