在HTML中引入JavaScript代码有几种常见的方法，包括内联脚本、外部脚本文件和模块脚本。

以下是每种方法的示例和说明：

1、内联脚本（Inline Scripts）：将JavaScript代码直接嵌入到HTML文档中的script标签中。这种方法适用于较小的脚本代码或需要在特定位置执行的脚本。

    
内联脚本示例
  

2、脚本文件（External Script Files）：将JavaScript代码保存在独立的.js文件中，并通过src属性引入到HTML文档中的script标签中。这种方法适用于较大的脚本或需要在多个页面共享的脚本。

      
外部脚本示例
  

3、模块脚本（Module Scripts）：使用type=”module”的script标签引入JavaScript模块文件。模块脚本支持使用ES6模块化语法，并具有更严格的脚本执行环境。

      
模块脚本示例
  

通常将script标签放置在HTML文档的head或body部分中，根据脚本执行的时机和需要进行适当的位置选择。使用外部脚本文件时，确保提供正确的文件路径，以使浏览器能够加载脚本文件。对于模块脚本，确保服务器配置正确，以允许模块的加载和执行。可以根据具体需求和项目要求，选择适合的方法来引入JavaScript代码。