JS - 动态引入js文件

风轻轻~

于 2021-02-22 17:03:42 发布

阅读量2.1k

点赞数 3

分类专栏： # 前端基础__JS - 拓展库文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Jie_1997/article/details/112011603

版权

前端基础__JS - 拓展库专栏收录该内容

12 篇文章

订阅专栏

js动态向 head 标签中引入js文件

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