js文件中引入另一個(gè)js文件的4種方法總結(jié)
更新時(shí)間：2023年12月20日 09:30:33 作者：清風(fēng)細(xì)雨_林木木
JavaScript文件是一個(gè)文本類型的文件,在任何文本編輯器中都可以被打開和編輯,JavaScript文件的擴(kuò)展名為js,這篇文章主要給大家介紹了關(guān)于js文件中引入另一個(gè)js文件的4種方法總結(jié),需要的朋友可以參考下
舉例test1.js和test2.js，其中test1.js引用test2.js
方法1： 將兩個(gè)JS放在同一個(gè)文件夾下
誰被調(diào)用，誰在前面
<script src="./test2.js"></script> <script src="./test1.js"></script>
方法2：在jS中創(chuàng)建匿名類引用另一個(gè)JS
var myImport = function(){
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", "libs/js/pingyin.js"); // 引用文件的路徑
document.getElementsByTagName('head')[0].appendChild(script); // 引用文件
}
為 test1.js 添加初始化加載方法，并引用myImport()。
window.onload = function(){
myImport();
}
方法3：在調(diào)用文件的頂部加入下例代碼
function addScript(url){
document.write("<script language=javascript src="+url+"></script>");
}
方法4：利用es6中export和import實(shí)現(xiàn)模塊化
導(dǎo)入外部的變量或函數(shù)
// 導(dǎo)入變量或者函數(shù)
import {firstName, lastName} from './test';
// 導(dǎo)入外部的模塊
import './test'總結(jié)
到此這篇關(guān)于js文件中引入另一個(gè)js文件的4種方法總結(jié)的文章就介紹到這了,更多相關(guān)js文件引入另一個(gè)js文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了根據(jù)配置文件加載js依賴模塊,解決方法是筆者自己的思路，拋磚引玉，需要的朋友可以參考下2014-12-12
JavaScript實(shí)現(xiàn)圖像模糊化的方法實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖像模糊化的方法,文中先進(jìn)行簡單介紹，而后給出了完整的實(shí)例代碼，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
這篇文章主要介紹了JS 仿騰訊發(fā)表微博的效果代碼，有需要的朋友參考一下2013-12-12
這篇文章主要介紹了json按某個(gè)鍵的值進(jìn)行排序的相關(guān)資料,代碼簡單易懂，非常不錯，需要的朋友可以參考下2016-12-12
淺析Javascript匿名函數(shù)與自執(zhí)行函數(shù)
的相關(guān)資料2016-02-02
Electron 結(jié)合 Selenium + chromedriver
這篇文章主要介紹了Electron 結(jié)合 Selenium + chromedriver 驅(qū)動服務(wù)實(shí)現(xiàn)瀏覽器多開思路詳解,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-07-07
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)彈幕飛機(jī)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
廣告代碼靜態(tài)化js通用函數(shù)...2007-05-05
在javascript你不需要使用new Object()，你該使用{}就可以了。2009-07-07
小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)與數(shù)據(jù)傳遞方案
在開發(fā)過程中經(jīng)常會遇到在微信小程序的頁面跳轉(zhuǎn)以及數(shù)據(jù)傳遞的知識點(diǎn),所以下面這篇文章主要給大家介紹了關(guān)于小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)與數(shù)據(jù)傳遞的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09