js文件中引入另一個js文件的4種方法總結(jié)
舉例test1.js
和test2.js
,其中test1.js
引用test2.js
方法1: 將兩個JS放在同一個文件夾下
誰被調(diào)用,誰在前面
<script src="./test2.js"></script> <script src="./test1.js"></script>
方法2:在jS中創(chuàng)建匿名類引用另一個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文件中引入另一個js文件的4種方法總結(jié)的文章就介紹到這了,更多相關(guān)js文件引入另一個js文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Javascript級聯(lián)下拉菜單以及AJAX數(shù)據(jù)驗證核心代碼
最初是只要輸入框的兩個數(shù)據(jù)相符就行,現(xiàn)在的要求是兩個下拉菜單的數(shù)據(jù)也要相符,于是,我利用此機(jī)會,將代碼重構(gòu)了一次,感興趣的朋友們可以借此學(xué)習(xí)一下2013-05-05js中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