首页js怎么引用另一个文件的函数

js怎么引用另一个文件的函数

时间: 2023-08-31 15:06:19 浏览: 96

在 JavaScript 中，可以使用 `script` 标签引入一个 JavaScript 文件，并通过该文件中定义的函数来实现代码复用。具体来说，可以按照以下步骤引用另一个文件的函数： 1. 创建一个新的 JavaScript 文件，并在其中定义需要复用的函数，例如： ```js // myFunctions.js function greet(name) { console.log('Hello, ' + name + '!'); } ``` 在这个例子中，我们定义了一个名为 `greet()` 的函数，用于向控制台输出一条问候语。 2. 在需要使用该函数的 HTML 文件中，使用 `script` 标签引入该 JavaScript 文件，例如： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My Web Page</title> </head> <body> <h1>Welcome to my web page</h1> <script src="myFunctions.js"></script> <script> greet('Alice'); // 调用 myFunctions.js 中定义的 greet() 函数 </script> </body> </html> ``` 在这个例子中，我们在 HTML 文件中使用 `script` 标签引入了 `myFunctions.js` 文件，并在另一个 `script` 标签中调用了其中定义的 `greet()` 函数，并传递了一个参数。通过这种方式，我们可以在不同的 JavaScript 文件中定义和复用函数，实现代码的模块化和复用。

阅读全文