已知乙個需要動態載入的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的方法,例子挺多的,但是都有些不足的地方。動態...