在js文件中引入(調(diào)用)另一個js文件的三種方法
比如我寫了一個JS文件,這個文件需要調(diào)用另外一個JS文件,該如何實現(xiàn)呢?下面就總結下在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的標簽,設置其 type屬性為text/javascript。
方法三,利用es6中export和import實現(xiàn)模塊化
一個js文件代表一個js模塊 。ES6引入外部模塊分兩種情況:
1.導入外部的變量或函數(shù)等;
import {firstName, lastName} from './test';
2.導入外部的模塊,并立即執(zhí)行
import './test' //執(zhí)行test.js,但不導入任何變量
以上就是在js文件中引入(調(diào)用)另一個js文件的三種方法的詳細內(nèi)容,更多關于js文件引入另一個js文件的資料請關注腳本之家其它相關文章!
相關文章
JavaScript iframe數(shù)據(jù)共享接口實現(xiàn)方法
在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個麻煩的事情,如果我們能夠寫一個一勞永逸的接口那就再方便不過了,下面就來簡答介紹一下如何實現(xiàn)此功能,對js iframe相關知識感興趣的朋友一起學習吧2016-01-01
從父頁面調(diào)用iframe中的JavaScript代碼的方法
在Web前端開發(fā)中,iframe(內(nèi)嵌框架)是一種常用的技術,用于在一個頁面中嵌入另一個HTML頁面,然而,有時候我們需要從父頁面與iframe內(nèi)的內(nèi)容進行交互,本文將詳細介紹如何從父頁面調(diào)用iframe中的JavaScript代碼,提供詳細的代碼示例和最佳實踐,需要的朋友可以參考下2024-11-11
javascript刪除元素節(jié)點removeChild()用法實例
這篇文章主要介紹了javascript刪除元素節(jié)點removeChild()用法,實例分析了removeChild()方法移除節(jié)點的使用技巧,需要的朋友可以參考下2015-05-05
利用Axios實現(xiàn)無感知雙Token刷新的詳細教程
在現(xiàn)代系統(tǒng)中,Token認證已成為保障用戶安全的標準做法,然而,盡管許多系統(tǒng)采用了這種認證方式,卻在處理Token刷新方面存在不足,導致用戶體驗不佳,許多系統(tǒng)未能提供一種無縫的、用戶無感知的Token刷新機制,所以本文介紹了教你用Axios實現(xiàn)無感知雙Token刷新2024-08-08
jQuery實現(xiàn)仿百度首頁滑動伸縮展開的添加服務效果代碼
這篇文章主要介紹了jQuery實現(xiàn)仿百度首頁滑動伸縮展開的添加服務效果代碼,通過jQuery相應鼠標事件控制頁面元素的動態(tài)變換功能,非常具有實用價值,需要的朋友可以參考下2015-09-09

