动态引入js文件-支持cdn等线上地址

前端老白

已于 2022-05-13 17:30:36 修改

阅读量1.4k

点赞数

文章标签： javascript 前端 jquery

于 2022-05-13 17:29:31 首次发布

原文链接：https://blog.csdn.net/Jie_1997/article/details/112011603

版权

本文详细介绍了如何通过JavaScript实现动态引入cdnjs库中的jQuery文件，并在加载完成后执行回调函数。示例代码展示了动态加载过程及其正确处理加载状态的方法，确保了脚本的按需加载和正确执行。

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

动态引入cdn js文件，并使用js中的变量常量，亲测有效
原文链接：https://blog.csdn.net/Jie_1997/article/details/112011603

function dynamicLoadJs(url, callback) {
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    if (typeof (callback) == 'function') {
        script.onload = script.onreadystatechange = function () {
            if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") {
                callback();
                script.onload = script.onreadystatechange = null;
            }
        };
    }
    head.appendChild(script);
}

//引入的js文件地址
let url='https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js'
dynamicLoadJs(url);