js文件中引入js的方法

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

document.createElement("script").setAttribute("src", "render.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，但不導入任何變量