iT邦幫忙

1

請問如何JS動態載入JS檔案,不用再html頁面寫<scirpt src=...>

js

請問如何JS動態載入JS檔案,不用再html頁面寫

ccutmis iT邦研究生 5 級 ‧ 2018-03-15 11:11:18 檢舉
https://stackoverflow.com/questions/14521108/dynamically-load-js-inside-js
很有幫助謝謝!

2 個回答

2
暐翰
iT邦研究生 2 級 ‧ 2018-03-15 11:38:00
最佳解答

可以使用REQUIREJS

範例 example-jquery-shim


簡單介紹流程:

app.html只引用一個JS檔案

運行結果多出兩行

分別由lib資料夾下jquery.alpha.js跟jquery.beta.js而來


運行網頁時,require.js會先去"運行js/app.js"檔案 (圖-1)
接著設定所需要用到的js檔案 (圖-2)
接著運行app/main.js檔案 (圖-3)
運行之前設定的JS檔案 (圖-4)


備註:

#為什麼會先運行js/app.js原因是由script data-main屬性決定

假如如下圖改成data-main="js/app2",它就會去運行app2.js

#假如想要新增動態JS檔

1.因為設定檔設定

"baseUrl":   "js/lib"

所以lib底下的js都會被requirejs收錄 (圖-1)
2.新增一個test_lib.js (圖-2)
3.在main.js define多設定一個'test_lib',系統就會自動載入test_lib.JS(圖-3)
4.得出載入結果(圖-4)

我研究看看

0
fuzzylee1688
iT邦新手 5 級 ‧ 2018-03-16 10:23:22

要小心被植入coinhive採礦程式喔.

我要發表回答

立即登入回答