比如我寫了一個JS文件，這個文件需要調用另外一個JS文件，該如何實現呢？下面就總結下在js文件中引入另一個js文件的實現
方法一，在調用文件的頂部加入下例代碼
|
1
2
3
|
function addScript(url){ document.write("<script language=javascript src="+url+"></script>");} |
注：有時你引用的文件還可能需要引用其他的js,我們需要將需要的那個js文件也以同樣的方法引用進來。
方法二，在js中寫如下代碼：
|
1
2
3
4
5
6
|
function addScript(url){ var script = document.createElement('script'); script.setAttribute('type','text/javascript'); script.setAttribute('src',url); document.getElementsByTagName('head')[0].appendChild(script);} |
利用document.createElement(”script”)生成了一個script的標簽，設置其 type屬性為text/javascript。
方法三，利用es6中export和import實現模塊化
一個js文件代表一個js模塊 。ES6引入外部模塊分兩種情況：
1.導入外部的變量或函數等；
|
1
|
import {firstName, lastName} from './test'; |
2.導入外部的模塊，并立即執行
|
1
2
|
import './test'//執行test.js，但不導入任何變量 |
以上就是在js文件中引入（調用）另一個js文件的三種方法的詳細內容，更多關于js文件引入另一個js文件的資料請關注服務器之家其它相關文章！
原文鏈接：https://www.link-nemo.com/u/10001/post/225587
