瀏覽器性能提升--js加載優(yōu)化

動態(tài)加載js腳本函數(shù)封裝
優(yōu)點:js代碼加載不阻塞瀏覽器其他的執(zhí)行

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();
          }
        }
    }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 在es6之前,js不像其他語言自帶成熟的模塊化功能,頁面只能靠插入一個個script標(biāo)簽來引入自己的或第三方的腳本...
    zenggo閱讀 3,413評論 0 51
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,282評論 25 708
  • 在這個前端用戶體驗越來越重要的時代,你的頁面稍微有點卡頓,都難以挽留用戶。而作為一名有追求的前端,勢必要力所能及地...
    SCQ000閱讀 3,857評論 0 52
  • 曾幾何時,我們原本美麗的家園變了樣,曾幾何時千辛萬苦養(yǎng)育人類的地球媽媽哭泣了。 你看見了嗎?原本清...
    愛安然閱讀 561評論 0 5
  • 今天是圣誕節(jié)前的"平安夜",很多朋友吃著蘋果,享受著節(jié)日的快樂,一周后"元旦"來臨,昨晚閑遐之時寫下《元旦生命的成...
    布衣姚閱讀 555評論 0 0