美文网首页
浏览器性能提升--js加载优化

浏览器性能提升--js加载优化

作者: 小雞雞炖蘑菇 | 来源:发表于2017-03-17 14:43 被阅读0次

动态加载js脚本函数封装
优点:js代码加载不阻塞浏览器其他的执行

function loadScript(url,fn){
  var oScript = document.createElement('script');
  script.src=url;
  document.getElementsByTagName('head')[0].appendChild(oScript);
  if(window.addEventListener){//高版本浏览器
     oScript.onload = function(){
        fn && fn();
      }   
   }else{//IE低版本浏览器
      oScript.onreadystatechange = function(){
          if(oScript.readyState='loaded' || oScript.readyState='compltet'){
            oScript.onreadychange = null;
             fn && fn();
          }
        }
    }
}

相关文章

网友评论

      本文标题:浏览器性能提升--js加载优化

      本文链接:https://www.haomeiwen.com/subject/ftsenttx.html