在 JavaScript 中引入（调用）其他 JavaScript 文件的方式主要有以下三种：
1. 使用<script>标签引入（调用）其他 JavaScript 文件
使用<script>标签可以在 HTML 文件中引入（调用）其他 JavaScript 文件，该文件可以被浏览器直接加载。
<script>标签通常放在<head>标签中，也可以放在<body>标签中，具体位置取决于引入（调用）的 JavaScript 文件的内容和需求。
下面是一个使用<script>标签引入一个 JS 文件的示例：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="sample.js"></script>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
假设引入的 JavaScript 文件名为sample.js，该文件应该和 HTML 文件放在同一目录下。
2. 使用import语句引入（调用）其他 JavaScript 文件
使用 ES6 中的import语句可以在 JavaScript 文件中引入（调用）其他 JavaScript 文件，该文件可以被浏览器自动加载。
下面是一个使用import语句引入一个 JS 文件的示例：
import sample from './sample.js';
假设引入的 JavaScript 文件名为sample.js，该文件应该和当前 JavaScript 文件放在同一目录下。
如果文件路径和文件名是确定的，也可以直接写绝对路径，如下所示：
import sample from '/path/to/sample.js';
注意，使用import语句的文件必须使用模块化的方式编写，即在该文件中必须使用export语句导出模块。
3.使用XMLHttpRequest或fetch函数读取（调用）其他JavaScript文件
使用XMLHttpRequest或fetch函数可以读取其他JavaScript文件并在当前页面中执行
下面是一个使用XMLHttpRequest函数读取并调用一个JS文件的示例：
var xhr = new XMLHttpRequest();
xhr.open('GET', './sample.js', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
eval(xhr.responseText);
}
};
xhr.send();
假设引入的 JavaScript 文件名为sample.js，该文件应该和当前 JavaScript 文件放在同一目录下。
注意，使用XMLHttpRequest或fetch函数读取JS文件时需要使用eval()函数将读取到的代码字符串执行
以上三种方式都可以成功引入（调用）其他 JavaScript 文件，具体使用哪种方式，取决于实际场景的需求。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：在js文件中引入（调用）另一个js文件的三种方法 - Python技术站
微信扫一扫 
支付宝扫一扫 