動態載入js檔案

2021-05-25 06:42:49 字數 531 閱讀 4049

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

網上看了很多關於動態載入js的方法,例子挺多的,但是都有些不足的地方。

動態載入js檔案一般用於

引入的js檔案太多或者不是必要的,而在滿足某種條件下,需要此js檔案了,才載入。

比較滿意的方法有兩個:

(1)通用方法:

(2)使用jquery 方法動態載入

前提是必須先引入 jquery.js 包,然後呼叫jquery裡面的方法:

$.getscript("test.js"); //其中 test.js 是要載入的js檔案

小結:方法1看起來比較複雜,但是基本上把此**寫在乙個js檔案,然後就可以直接使用了。方法2很簡單,但是要引入jquery.js檔案和要有jquery的基礎。

參考資料:

動態載入js檔案

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

動態載入js檔案

動態載入js檔案 有時候我們需要根據引數不同來引入不同的js檔案,用html直接寫標籤滿足不了我們的需求,總結幾種方法,以及同步非同步載入的各種需求 code 一.直接載入 code html 總結 1.ie動態載入js檔案時,它預設就為同步,可以不用設定同步 也可直呼叫skip.includejs...

動態載入js

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