在js文件中引入（調(diào)用）另一個js文件的三種方法
更新時間：2020年09月11日 09:22:06 作者：NEMO
這篇文章主要介紹了在js文件中引入（調(diào)用）另一個js文件的三種方法，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
比如我寫了一個JS文件，這個文件需要調(diào)用另外一個JS文件，該如何實現(xiàn)呢？下面就總結(jié)下在js文件中引入另一個js文件的實現(xiàn)
方法一，在調(diào)用文件的頂部加入下例代碼
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的標簽，設(shè)置其 type屬性為text/javascript。
方法三，利用es6中export和import實現(xiàn)模塊化
一個js文件代表一個js模塊 。ES6引入外部模塊分兩種情況：
1.導(dǎo)入外部的變量或函數(shù)等；
import {firstName, lastName} from './test';
2.導(dǎo)入外部的模塊，并立即執(zhí)行
import './test' //執(zhí)行test.js，但不導(dǎo)入任何變量
以上就是在js文件中引入（調(diào)用）另一個js文件的三種方法的詳細內(nèi)容，更多關(guān)于js文件引入另一個js文件的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
值得學(xué)習(xí)的JavaScript調(diào)試技巧分享
這篇文章主要給大家介紹了一些JavaScript調(diào)試技巧，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
JavaScript實現(xiàn)自己的DOM選擇器原理及代碼
實現(xiàn)自己的DOM選擇器時匹配行為也應(yīng)該和瀏覽原生匹配行為一致,接下來本文將詳細介紹下實現(xiàn)思路及方法，感興趣的你可以參考下或許對你鞏固知識有所幫助2013-03-03
下面小編就為大家?guī)硪黄狫S字符串按逗號和回車分隔的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
JavaScript中自帶的 reduce()方法使用示例詳解
下文小編給大家?guī)砹薺s中自帶的reduce()方法使用示例詳解，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-08-08
這篇文章主要介紹了javascript如何判斷輸入的url是否正確,需要的朋友可以參考下2014-04-04
最近有項目要實現(xiàn)N級菜單，首先從布局入手，即判斷是否有下級菜單，具體實現(xiàn)代碼，大家可以參考下本文2017-05-05
這篇文章主要介紹了js實現(xiàn)隨屏幕滾動的帶緩沖效果的右下角廣告代碼,涉及javascript基于數(shù)學(xué)運算及定時函數(shù)動態(tài)操作頁面元素的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了uniapp自定義驗證碼輸入框隱藏光標,效果是點擊輸入框喚起鍵盤，藍框就相當(dāng)于input的光標，驗證碼輸入錯誤或者不符合格式要求會將字體以及邊框改成紅色提示持續(xù)1s然后清空數(shù)據(jù)，恢復(fù)原邊框樣式，需要的朋友可以參考下2023-02-02
下面小編就為大家?guī)硪黄狫S實現(xiàn)回到頁面頂部動畫效果的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
Javascript實現(xiàn)獲取窗口的大小和位置代碼分享
這篇文章主要分享了一段Javascript實現(xiàn)獲取窗口的大小和位置代碼，兼容性非常好，這里推薦給大家2014-12-12