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