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)建匿名類(lèi)引用另一個(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)編寫(xiě)webview文件,通過(guò)webview去跳轉(zhuǎn)h5,loadUrl為h5的地址,非嵌套,h5需要跳轉(zhuǎn)打開(kāi)某個(gè)微信小程序,需要的朋友可以參考下2023-10-10Javascript級(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微信小程序獲取用戶(hù)頭像昵稱(chēng)組件封裝實(shí)例(最新版)
我們?cè)谶M(jìn)行小程序開(kāi)發(fā)的時(shí)候,往往需要獲取微信用戶(hù)的部分個(gè)人信息,常見(jiàn)的有用戶(hù)頭像,昵稱(chēng)等,下面這篇文章主要給大家介紹了關(guān)于微信小程序獲取用戶(hù)頭像昵稱(chēng)組件封裝的相關(guān)資料,需要的朋友可以參考下2022-12-12js中document.getElementByid、document.all和document.layers區(qū)分介紹
document.getElementById 是公共標(biāo)準(zhǔn),被目前的所有主流瀏覽器支持,document.all只有IE支持,document.layers是Netscape 4.x專(zhuān)有的屬性2011-12-12使用js實(shí)現(xiàn)數(shù)據(jù)格式化
這篇文章主要介紹了使用javascript實(shí)現(xiàn)數(shù)據(jù)格式化為字符串,非常的實(shí)用,這里推薦給有相同需求的小伙伴。2014-12-12