比如我寫(xiě)了一個(gè)JS文件，這個(gè)文件需要調(diào)用另外一個(gè)JS文件，該如何實(shí)現(xiàn)呢？下面就總結(jié)下在js文件中引入另一個(gè)js文件的實(shí)現(xiàn)

方法一，在調(diào)用文件的頂部加入下例代碼

function addScript(url){document.write('<script language=javascript src='http://www.b3g6.com/bcjs/+url+'></script>');}

注：有時(shí)你引用的文件還可能需要引用其他的js,我們需要將需要的那個(gè)js文件也以同樣的方法引用進(jìn)來(lái)。

方法二，在js中寫(xiě)如下代碼：

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ù)等；

import {firstName, lastName} from ’./test’;

2.導(dǎo)入外部的模塊，并立即執(zhí)行

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ǎng)其它相關(guān)文章！