js动态添加script脚本、检测script脚本、删除script脚本

asyncLoadScript(context,{src,id}){//异步加载script脚本
            return new Promise(resolve=>{
                if(context.dispatch("checkIsLoadScript",src)){
                    if($("#"+id) && $("#"+id).src==src){//若script标签存在,则先删除
                        console.log("删除成功")
                        $("#"+id).remove(); 
                    }
                }
                let scriptNode = document.createElement("script");
                scriptNode.setAttribute("type", "text/javascript");
                scriptNode.setAttribute("charset", "utf-8");
                scriptNode.setAttribute("id",id);
                scriptNode.setAttribute("src", src);
                document.body.appendChild(scriptNode);
                if (scriptNode.readyState) { //IE 判断
                    scriptNode.onreadystatechange = () => {
                        if (scriptNode.readyState == "complete" || scriptNode.readyState == 'loaded') {
                            resolve();
                        }
                    }
                } else {
                    scriptNode.onload = () => {
                        console.log("script loaded");
                        resolve();
                    }
                }
            })
        },
        // 检测是否加载了 script脚本 文件
        checkIsLoadScript(context,src) {
            let scriptObjs = document.getElementsByTagName('script');
            let reg=RegExp(src);
            for(let sObj of scriptObjs) {
                if (sObj.src.match(reg)) {
                    return true;
                }
            }
            return false;
        },

 异步加载脚本

(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s);
                js.id = id;
                js.src = "https://connect.facebook.net/en_US/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

 

 

posted @ 2020-04-27 17:32  古墩古墩  Views(2558)  Comments(0Edit  收藏  举报