vue动态加载 删除 js

动态删除js/css文件

function removejscssfile(filename,filetype){
    var targetelement=(filetype=="js")? "script" :(filetype=="css")? "link" : "none"
    var targetattr=(filetype=="js")?"src" : (filetype=="css")? "href" :"none"
    var allsuspects=document.getElementsByTagName(targetelement)
    for (var i=allsuspects.length; i>=0;i--){
    if (allsuspects[i] &&allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
      allsuspects[i].parentNode.removeChild(allsuspects[i])
    }
}

动态加载js文件

function loadJS( url, callback ){
    let  script = document.createElement('script'),
    fn = callback || function(){};
    script.type = 'text/javascript';
    //IE
    //  readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
    if(script.readyState){
    	// onreadystatechange 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
        script.onreadystatechange = function(){
            if( script.readyState == 'loaded' || script.readyState == 'complete' ){
                script.onreadystatechange = null;
                fn();
            }
        };
    }else{
        //其他浏览器
        script.onload = ()=>{
            fn();
        };
        script.onerror=()=>{
          console.log("加载错误");
          fn();
        }
    }
    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
  }