比如我寫了一個(gè)JS文件，這個(gè)文件需要調(diào)用另外一個(gè)JS文件，該如何實(shí)現(xiàn)呢？下面就總結(jié)下在js文件中引入另一個(gè)js文件的實(shí)現(xiàn)
方法一，在調(diào)用文件的頂部加入下例代碼
|
1
2
3
|
function addScript(url){ document.write("<script language=javascript src="+url+"></script>");} |
注：有時(shí)你引用的文件還可能需要引用其他的js,我們需要將需要的那個(gè)js文件也以同樣的方法引用進(jìn)來。
方法二，在js中寫如下代碼：
|
1
2
3
4
5
6
|
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”)生成了一個(gè)script的標(biāo)簽，設(shè)置其 type屬性為text/javascript。
方法三，利用es6中export和import實(shí)現(xiàn)模塊化
一個(gè)js文件代表一個(gè)js模塊 。ES6引入外部模塊分兩種情況：
1.導(dǎo)入外部的變量或函數(shù)等；
|
1
|
import {firstName, lastName} from './test'; |
2.導(dǎo)入外部的模塊，并立即執(zhí)行
|
1
2
|
import './test'//執(zhí)行test.js，但不導(dǎo)入任何變量 |
以上就是在js文件中引入（調(diào)用）另一個(gè)js文件的三種方法的詳細(xì)內(nèi)容，更多關(guān)于js文件引入另一個(gè)js文件的資料請(qǐng)關(guān)注服務(wù)器之家其它相關(guān)文章！
原文鏈接：https://www.link-nemo.com/u/10001/post/225587
