在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文件也以同樣的方法引用進(jìn)來。
方法二，在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的標(biāo)簽，設(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文件的三種方法的詳細(xì)內(nèi)容，更多關(guān)于js文件引入另一個js文件的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
JavaScript iframe數(shù)據(jù)共享接口實現(xiàn)方法
在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個麻煩的事情，如果我們能夠?qū)懸粋€一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實現(xiàn)此功能，對js iframe相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要介紹了Javascript發(fā)送AJAX請求的實例代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2016-08-08
繼承是面向?qū)ο笕筇卣髦?可以使得子類具有父類的屬性和方法,同時還可以在子類中重新定義以及追加屬性和方法,本文為大家整理了JS中常見的6種繼承方式,希望對大家有所幫助2023-08-08
這篇文章主要給大家介紹了關(guān)于JavaScript中常用的數(shù)組過濾方法的相關(guān)資料,數(shù)組過濾器方法是JavaScript中使用最廣泛的方法之一,它允許我們快速過濾出具有特定條件的數(shù)組中的元素,需要的朋友可以參考下2023-11-11
從父頁面調(diào)用iframe中的JavaScript代碼的方法
在Web前端開發(fā)中,iframe（內(nèi)嵌框架）是一種常用的技術(shù),用于在一個頁面中嵌入另一個HTML頁面,然而,有時候我們需要從父頁面與iframe內(nèi)的內(nèi)容進(jìn)行交互,本文將詳細(xì)介紹如何從父頁面調(diào)用iframe中的JavaScript代碼,提供詳細(xì)的代碼示例和最佳實踐,需要的朋友可以參考下2024-11-11
下面小編就為大家?guī)硪黄肑S寫的一個Ajax庫(實例代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
javascript刪除元素節(jié)點removeChild()用法實例
這篇文章主要介紹了javascript刪除元素節(jié)點removeChild()用法,實例分析了removeChild()方法移除節(jié)點的使用技巧,需要的朋友可以參考下2015-05-05
利用Axios實現(xiàn)無感知雙Token刷新的詳細(xì)教程
在現(xiàn)代系統(tǒng)中,Token認(rèn)證已成為保障用戶安全的標(biāo)準(zhǔn)做法,然而,盡管許多系統(tǒng)采用了這種認(rèn)證方式,卻在處理Token刷新方面存在不足,導(dǎo)致用戶體驗不佳,許多系統(tǒng)未能提供一種無縫的、用戶無感知的Token刷新機(jī)制,所以本文介紹了教你用Axios實現(xiàn)無感知雙Token刷新2024-08-08
詳解如何在 JavaScript 中使用三元運(yùn)算符
這篇文章主要為大家介紹了詳解如何在 JavaScript 中使用三元運(yùn)算符示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
jQuery實現(xiàn)仿百度首頁滑動伸縮展開的添加服務(wù)效果代碼
這篇文章主要介紹了jQuery實現(xiàn)仿百度首頁滑動伸縮展開的添加服務(wù)效果代碼,通過jQuery相應(yīng)鼠標(biāo)事件控制頁面元素的動態(tài)變換功能,非常具有實用價值,需要的朋友可以參考下2015-09-09