在js檔案中引入(呼叫)另一個js檔案的三種方法
阿新 • • 發佈:2020-09-12
比如我寫了一個JS檔案,這個檔案需要呼叫另外一個JS檔案,該如何實現呢?下面就總結下在js檔案中引入另一個js檔案的實現
方法一,在呼叫檔案的頂部加入下例程式碼
function addScript(url){ document.write("<script language=javascript src="+url+"></script>"); }
注:有時你引用的檔案還可能需要引用其他的js,我們需要將需要的那個js檔案也以同樣的方法引用進來。
方法二,在js中寫如下程式碼:
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.匯入外部的變數或函式等;
import {firstName,lastName} from './test';
2.匯入外部的模組,並立即執行
import './test' //執行test.js,但不匯入任何變數
以上就是在js檔案中引入(呼叫)另一個js檔案的三種方法的詳細內容,更多關於js檔案引入另一個js檔案的資料請關注我們其它相關文章!