怎么调用js文件

调用JavaScript（JS）文件主要有以下几种方式：

一、在HTML中通过<script>标签调用

1. 基础概念
   • <script>标签用于在HTML文档中包含JavaScript代码或者引用外部的JavaScript文件。

• 示例代码
  • 内部脚本示例：
  • 内部脚本示例：
  • 外部脚本示例： 假设存在一个名为script.js的文件，内容如下：
  • 外部脚本示例： 假设存在一个名为script.js的文件，内容如下：
  • 在HTML文件中调用：
  • 在HTML文件中调用：
• 应用场景
  • 在网页开发中，用于添加交互性功能，如响应用户点击事件、动态修改页面内容、进行表单验证等。
• 优势
  • 便于组织代码，将HTML结构和JavaScript逻辑分离（尤其是外部脚本），提高代码的可维护性。
  • 可以在不同的HTML页面中复用同一个JavaScript文件（外部脚本情况）。

二、在Node.js环境中调用JS文件

1. 基础概念
   • Node.js是一个基于Chrome V8引擎的JavaScript运行时环境。在Node.js中，可以使用require函数（对于CommonJS模块系统）或者import语句（对于ES6模块系统）来调用其他JavaScript文件。

• 示例代码（CommonJS）
  • 假设有module.js文件：
  • 假设有module.js文件：
  • 在另一个main.js文件中调用：
  • 在另一个main.js文件中调用：
  • 示例代码（ES6模块）
    • module.mjs文件：
    • module.mjs文件：
    • main.mjs文件：
    • main.mjs文件：
• 应用场景
  • 构建服务器端应用程序，如Web服务器、命令行工具等。
  • 构建可复用的模块，方便在不同的Node.js项目中使用。
• 优势
  • 实现代码的模块化，提高代码的可维护性和可复用性。
  • 便于组织大型项目的代码结构。