js异步加载

最新推荐文章于 2024-08-11 18:40:36 发布

Tippye

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量141

点赞数 1

分类专栏：前端文章标签： js javascript

本文链接：https://blog.csdn.net/qq_44599055/article/details/104053090

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

话不多说，上代码

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");
}

Tippye

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js异步加载

话不多说，上代码function loadScript(url, callback) { //创建一个script标签 var script = document.createElement("script") //script标签的type属性 script.type = "text/javascript" if (script.readyState) ...
复制链接

扫一扫

专栏目录