在js文件中引入（調用）另一個js文件的三種方法

比如我寫了一個JS文件，這個文件需要調用另外一個JS文件，該如何實現呢？下面就總結下在js文件中引入另一個js文件的實現

方法一，在調用文件的頂部加入下例代碼

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

注：有時你引用的文件還可能需要引用其他的js,我們需要將需要的那個js文件也以同樣的方法引用進來。

方法二，在js中寫如下代碼：

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”)生成了一個script的標簽，設置其 type屬性為text/javascript。

方法三，利用es6中export和import實現模塊化

一個js文件代表一個js模塊 。ES6引入外部模塊分兩種情況：

1.導入外部的變量或函數等；

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

2.導入外部的模塊，并立即執行

import ’./test’//執行test.js，但不導入任何變量

以上就是在js文件中引入（調用）另一個js文件的三種方法的詳細內容，更多關于js文件引入另一個js文件的資料請關注好吧啦網其它相關文章！