HTML中嵌入JavaScript有五种标准方式：一、内联（on事件属性）；二、内部（script标签嵌入）；三、外部（src引入.js文件）；四、延迟/异步加载（defer/async属性）；五、禁用回退（noscript标签）。
如果您希望在HTML文件中嵌入JavaScript脚本以实现交互功能或动态内容操作，则需将JS代码正确放置于HTML结构中。以下是几种标准且可直接使用的编写方式：
一、内联JavaScript（使用on事件属性）
该方式将JavaScript代码直接写在HTML元素的事件属性中，适用于简单、单次触发的操作，无需额外标签包裹，但不推荐用于复杂逻辑。
1、在按钮元素中添加onclick属性，并在其值中写入JavaScript语句，例如：onclick="alert('点击生效')"。
2、确保语句为合法JavaScript表达式，避免未闭合引号或缺少分号导致解析失败。
立即学习“Java免费学习笔记（深入）”；
3、多个语句可用分号分隔，如：onclick="console.log('开始'); alert('完成')"。
二、内部脚本（使用script标签嵌入）
该方式将JavaScript代码置于HTML文档内的<script>标签中，可集中管理逻辑，支持多行语句与变量定义，执行时机取决于标签位置。
1、在<head>区域插入<script></script>标签，并在其中编写JS代码，例如：<script>document.title = "新标题";</script>。
2、若需操作DOM元素，应确保脚本位于相关元素之后，或使用DOMContentLoaded事件监听，例如：document.addEventListener('DOMContentLoaded', () => { /* 操作代码 */ });。
3、可在同一HTML中多次使用<script>标签，各段代码按出现顺序依次执行。
三、外部脚本（通过src属性引入）
该方式将JavaScript代码保存为独立的.js文件，再通过<script>标签的src属性引用，利于代码复用、缓存及维护。
1、创建纯文本文件，扩展名为.js，例如main.js，并在其中编写合法JavaScript代码，如：console.log("外部脚本已加载");。
2、在HTML中插入带有src属性的<script>标签，例如：<script src="main.js"></script>。
3、src属性值支持相对路径、绝对路径及完整URL；若同时存在src与标签体内容，浏览器将忽略标签内文本。
四、延迟与异步加载脚本
当外部脚本较大或非关键时，可通过defer或async属性控制执行时机，避免阻塞页面渲染。
1、为<script>标签添加defer属性，使脚本在HTML解析完成后、DOMContentLoaded事件前按顺序执行，例如：<script src="app.js" defer></script>。
2、添加async属性，使脚本异步下载并立即执行，不保证顺序，适用于彼此无依赖的独立模块，例如：<script src="analytics.js" async></script>。
3、defer与async不可同时使用；仅外部脚本支持这两个属性，内联脚本无效。
五、禁用脚本的回退处理（noscript标签）
当用户禁用JavaScript或浏览器不支持时，<noscript>标签内的内容将被显示，用于提供替代信息或提示。
1、在需要降级展示的位置插入<noscript></noscript>标签对，例如：<noscript>请启用JavaScript以获得完整功能</noscript>。
2、该标签可出现在<head>或<body>中，但不能嵌套在<script>标签内部。
3、其内容仅在JS被禁用时渲染，且不执行任何脚本逻辑，仅作静态内容呈现。
