在HTML中引入JavaScript代码有几种常见的方法，包括内联脚本、外部脚本文件和模块脚本。
以下是每种方法的示例和说明：
1、内联脚本（Inline Scripts）：将JavaScript代码直接嵌入到HTML文档中的script标签中。这种方法适用于较小的脚本代码或需要在特定位置执行的脚本。
<!DOCTYPE html><html><head> <title>内联脚本示例</title></head><body> <h1>内联脚本示例</h1> <script> // 内联脚本代码 alert("Hello, World!"); </script></body></html>2、脚本文件（External Script Files）：将JavaScript代码保存在独立的.js文件中，并通过src属性引入到HTML文档中的script标签中。这种方法适用于较大的脚本或需要在多个页面共享的脚本。
<!DOCTYPE html><html><head> <title>外部脚本示例</title> <script src="script.js"></script></head><body> <h1>外部脚本示例</h1> <!-- 其他HTML内容 --></body></html>3、模块脚本（Module Scripts）：使用type=”module”的script标签引入JavaScript模块文件。模块脚本支持使用ES6模块化语法，并具有更严格的脚本执行环境。
<!DOCTYPE html><html><head> <title>模块脚本示例</title> <script type="module" src="module.js"></script></head><body> <h1>模块脚本示例</h1> <!-- 其他HTML内容 --></body></html>通常将script标签放置在HTML文档的head或body部分中，根据脚本执行的时机和需要进行适当的位置选择。使用外部脚本文件时，确保提供正确的文件路径，以使浏览器能够加载脚本文件。对于模块脚本，确保服务器配置正确，以允许模块的加载和执行。可以根据具体需求和项目要求，选择适合的方法来引入JavaScript代码。
声明：若涉及版权问题，请联系我们进行删除！谢谢大家！
