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

更新时间：2023年12月20日 09:30:33 作者：清风细雨_林木木

JavaScript文件是一个文本类型的文件,在任何文本编辑器中都可以被打开和编辑,JavaScript文件的扩展名为js,这篇文章主要给大家介绍了关于js文件中引入另一个js文件的4种方法总结,需要的朋友可以参考下

方法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文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

浅谈Layui的eleTree树式选择器使用方法
今天小编就为大家分享一篇浅谈Layui的eleTree树式选择器使用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
Javascript中typeof 用法小结
JavaScript中的typeof其实非常复杂,他有六种返回的数据类型，它可以用来做很多事情,但同时也有很多怪异的表现.本文列举出了它的多个用法,有需要的小伙伴可以参考下。
2015-05-05
基于JS实现限时抢购倒计时间表代码
本文给大家分享一段简单的代码基于js实现限时抢购倒计时间表功能，非常不错，代码简单易懂，需要的的朋友参考下吧
2017-05-05
JsRender for index循环索引用法详解
这篇文章主要介绍了JsRender for index循环索引用法,以实例形式详细分析了JsRender中循环的用法,需要的朋友可以参考下
2014-10-10
webpack搭建脚手架打包TypeScript代码
本文主要介绍了webpack搭建脚手架打包TypeScript代码，文中通过示例代码介绍的非常详细,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
JavaScript交换两个变量方法实例
这篇文章主要介绍了JavaScript交换两个变量方法实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-11-11
微信小程序简洁登录页面的实现(附源码)
本文主要介绍了微信小程序简洁登录页面的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-12-12
JavaScript实现颜色查看器
这篇文章主要为大家详细介绍了JavaScript实现颜色查看器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
JavaScript动态加载样式表的方法
这篇文章主要介绍了JavaScript动态加载样式表的方法,涉及javascript操作样式表的技巧,非常具有实用价值,需要的朋友可以参考下
2015-03-03
简单实现JS计算器功能
这篇文章主要教大家简单实现JS计算器功能,实现小数点校验，重复计算，以及大量更符合用户体验的操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12