當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
如何通过JavaScript动态加载js
生活随笔
收集整理的這篇文章主要介紹了
如何通过JavaScript动态加载js
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在Web開發時，有可能會遇到這么一種情況：我們需要通過一個js文件中引用另一個js文件中的函數，可是另一個函數有沒有辦法在頁面中通過該<script>標簽加載。于是，我們有了通過js動態加載js文件的需求。下面提供一種方案。
方法比較簡單，具體實例詳見代碼：
文件1：demo.js
function?demo(){alert("demo"); }
文件2：test.js
文件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函數。
轉載于:https://my.oschina.net/liangzhenghui/blog/220642
總結
以上是生活随笔為你收集整理的如何通过JavaScript动态加载js的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： oracle查询sql记录数,oracl
- 下一篇： jmeter结果分析