關於動態載入js

2022-08-14 19:30:15 字數 719 閱讀 9197

已知乙個需要動態載入的js的檔案路徑陣列,動態載入陣列裡面所有的js檔案。

載入分兩種情況:

1. 並行載入,不管js的執行順序。

動態載入js一般都是動態建立乙個script,

解決第一種情況:

function loadexternalfile(src,parentelement,tagname)else if(tagname==='script')

}

解決第二種情況:

function loadscript(url, parentele, tagname, callback)

};} else ;

}typeprop = tagname==='script'?'src':'href';

ele[typeprop] = url;

}

第一種情況用法非常簡單就不說了。

第二種用法其實也不難:

假設:scripts陣列:['a.js','b.js','c.js']

var i=0;

var n=scripts.length;

loadscript(scripts[i],parentele,'script',loadscriptcomplete);

function loadscriptcomplete(){

i++;

if(i上面的兩種方法其實也適用於載入css檔案。

動態載入js

方法1 getscript themes sh public xtpla js jquery.plugins.min.js 方法2 載入多個js檔案 如圖所示 一 target.insertbefore newchild,existingchild 引數說明 1.target 被新增節點和現有節點的...

動態載入js檔案

var obj new object var url chrome content js components.classes mozilla.org moz jssubscript loader 1 getservice components.inte ces.mozijssubscriptloa...

動態載入js檔案

最近在維護乙個專案,看到乙個頁面竟然要載入20多個js檔案!真驚人,仔細觀察後,發現有很多js檔案根本用不上的,或者在某個條件成立才使用的 為了提高此頁面的效能,決定使用動態載入js檔案的方法,即在需要的時候才載入該js檔案。網上看了很多關於動態載入js的方法,例子挺多的,但是都有些不足的地方。動態...