脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js文件引入另一个js文件

js文件中引入另一个js文件的4种方法总结

 更新时间：2023年12月20日 09:30:33   作者：清风细雨_林木木  
JavaScript文件是一个文本类型的文件,在任何文本编辑器中都可以被打开和编辑,JavaScript文件的扩展名为js,这篇文章主要给大家介绍了关于js文件中引入另一个js文件的4种方法总结,需要的朋友可以参考下

举例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'

总结 

到此这篇关于js文件中引入另一个js文件的4种方法总结的文章就介绍到这了,更多相关js文件引入另一个js文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论