首頁 > 開發者 > JavaScript
在Web開發時，有可能會遇到這麼一種情況：我們需要通過一個js檔案中引用另一個js檔案中的函數，可是另一個函數有沒有辦法在頁面中通過該<script>標籤載入。於是，我們有了通過js動態載入js檔案的需求。下面提供一種方案。
方法比較簡單，具體執行個體詳見代碼：
檔案1：demo.js
function demo(){alert("demo");}
檔案2：test.js
function test(){alert("test");} function loadDemo(){var iHead = document.getElementsByTagName('HEAD').item(0); var iScript= document.createElement("script"); iScript.type = "text/javascript"; iScript.src="demo.js"; iHead.appendChild(iScript); }
檔案3：test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="test.js"></script><script type="text/javascript">function fun1(){test();}function fun2(){loadDemo();}function fun3(){demo();}</script></head><body><input type="button" value="click1" onclick="fun1()"/><input type="button" value="click2" onclick="fun2()"/><input type="button" value="click3" onclick="fun3()"/></body></html>
把以上的3個檔案放在同一個目錄下，運行結果是在test.html中可以通過test.js中的loadDemo()函數動態載入demo.js檔案中的js函數。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
