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