文章目录
- js文件中引入另一个js文件的方法总结
- 方法1: 将两个JS放在同一个文件夹下
- 方法2:在jS中创建匿名类引用另一个JS
- 方法3:在调用文件的顶部加入下例代码
- 方法4:利用es6中export和import实现模块化
js文件中引入另一个js文件的方法总结
举例test1.js
和test2.js
,其中test1.js
引用test2.js
方法1: 将两个JS放在同一个文件夹下
谁被调用,谁在前面
<script src="./test2.js"></script>
<script src="./test1.js"></script>
方法2:在jS中创建匿名类引用另一个JS
var myImport = function(){
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", "libs/js/pingyin.js"); // 引用文件的路径
document.getElementsByTagName('head')[0].appendChild(script); // 引用文件
}
为 test1.js
添加初始化加载方法,并引用myImport()
。
window.onload = function(){
myImport();
}
方法3:在调用文件的顶部加入下例代码
function addScript(url){
document.write("<script language=javascript src="+url+"></script>");
}
方法4:利用es6中export和import实现模块化
导入外部的变量或函数
// 导入变量或者函数
import {firstName, lastName} from './test';
// 导入外部的模块
import './test'