按照順序動態載入js檔案簡單介紹

antzone發表於2017-04-03

本文介紹實現檔案動態順序載入的方法。

例項分析了基於Mootools框架實現動態載入的技巧,有需要的朋友可以參考一下。

用script標籤實現js程式碼的動態載入。

源於JavaScript語言中函式、變數等定義可重複宣告(導致覆蓋)的特性,載入是按順序的。

實現基於Mootools框架,相容IE、Firefox、Chrome。

用法如下:

[JavaScript] 純文字檢視 複製程式碼
window.addEvent('domready', function() { 
  // 載入器宣告,成員函式 include 載入檔案
  new JsLoader(function() {
    // 載入後完畢的回撥函式定義
  }, null).include([
    // 待載入檔案列表(陣列) 
  ]); 
  // 也可儲存該物件,呼叫 callback 重新賦值回撥函式 
  // 並匯入新的檔案 
});

相關文章