js文件中引入另一個(gè)js文件的4種方法總結(jié)
舉例test1.js和test2.js,其中test1.js引用test2.js
方法1: 將兩個(gè)JS放在同一個(gè)文件夾下
誰(shuí)被調(diào)用,誰(shuí)在前面
<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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript中json基礎(chǔ)知識(shí)詳解
本文主要介紹了json的基礎(chǔ)知識(shí)。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01
微信小程序與h5的相互跳轉(zhuǎn)場(chǎng)景分析
這篇文章主要介紹了微信小程序與h5的相互跳轉(zhuǎn)場(chǎng)景分析,在微信小程序內(nèi)編寫webview文件,通過(guò)webview去跳轉(zhuǎn)h5,loadUrl為h5的地址,非嵌套,h5需要跳轉(zhuǎn)打開(kāi)某個(gè)微信小程序,需要的朋友可以參考下2023-10-10
Javascript級(jí)聯(lián)下拉菜單以及AJAX數(shù)據(jù)驗(yàn)證核心代碼
最初是只要輸入框的兩個(gè)數(shù)據(jù)相符就行,現(xiàn)在的要求是兩個(gè)下拉菜單的數(shù)據(jù)也要相符,于是,我利用此機(jī)會(huì),將代碼重構(gòu)了一次,感興趣的朋友們可以借此學(xué)習(xí)一下2013-05-05
js中document.getElementByid、document.all和document.layers區(qū)分介紹
document.getElementById 是公共標(biāo)準(zhǔn),被目前的所有主流瀏覽器支持,document.all只有IE支持,document.layers是Netscape 4.x專有的屬性2011-12-12
使用js實(shí)現(xiàn)數(shù)據(jù)格式化
這篇文章主要介紹了使用javascript實(shí)現(xiàn)數(shù)據(jù)格式化為字符串,非常的實(shí)用,這里推薦給有相同需求的小伙伴。2014-12-12

