1. 程式人生 > 程式設計 >在js檔案中引入(呼叫)另一個js檔案的三種方法

在js檔案中引入(呼叫)另一個js檔案的三種方法

比如我寫了一個JS檔案,這個檔案需要呼叫另外一個JS檔案,該如何實現呢?下面就總結下在js檔案中引入另一個js檔案的實現

方法一,在呼叫檔案的頂部加入下例程式碼

function addScript(url){
	document.write("<script language=javascript src="+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檔案的資料請關注我們其它相關文章!