必须通过<script>标签引入JavaScript：一、内嵌代码，写在<head>或<body>的<script>标签内，如console.log("Hello HTML5")；二、外链文件，用src属性引用.js文件，不可混写代码；三、位置影响执行时机，<body>底部最稳妥，<head>中可用defer确保DOM就绪后按序执行。
如果您希望在 HTML5 页面中执行 JavaScript 代码，则必须通过 <script> 标签将脚本引入文档。HTML5 支持两种标准方式：直接内嵌 JavaScript 代码，或通过 src 属性加载外部 JS 文件。以下是具体操作步骤：
一、使用 script 标签内嵌 JavaScript 代码
内嵌方式适用于简短、页面专属的逻辑，代码直接写在 <script> 标签内部，浏览器解析到该标签时立即执行。
1、在 <head> 或 <body> 区域中插入 <script> 开始与结束标签。
2、在开始与结束标签之间编写 JavaScript 代码，例如：console.log("Hello HTML5");。
立即学习“前端免费学习笔记（深入）”；
3、确保不遗漏闭合标签 </script>，HTML5 中不允许省略。
4、可添加 type="text/javascript" 属性，但 HTML5 中该属性为可选，默认即为此类型，建议省略以简化代码。
二、使用 script 标签 src 属性引用外部 JS 文件
外部引用方式便于复用、缓存和维护，JavaScript 代码保存在独立的 .js 文件中，通过 src 属性指向其路径，浏览器会异步或阻塞式加载并执行该文件。
1、准备一个纯文本文件，扩展名为 .js，例如 main.js，其中仅包含 JavaScript 语句，不包含任何 HTML 标签。
2、在 HTML 文档中插入 <script src="main.js"></script>，路径支持相对路径（如 ./js/main.js）或绝对路径（如 /assets/script.js）。
3、script 标签内部不得再包含任何 JavaScript 代码或文本内容，否则将被忽略。
4、若需控制加载时机，可在 <script> 标签上添加 defer 或 async 属性；defer 保证按顺序执行且不阻塞 DOM 解析，async 则无序执行且可能提前触发。
三、script 标签的位置选择与执行时机差异
<script> 标签放置位置直接影响脚本可访问的 DOM 节点范围及页面渲染行为。HTML5 规范允许其出现在 <head> 或 <body> 的任意合法位置，但不同位置具有不同语义效果。
1、置于 <head> 顶部：脚本在 DOM 构建前执行，此时 document.getElementById 等方法无法获取 body 内元素。
2、置于 <body> 底部（紧靠 </body> 前）：确保 DOM 已完全解析，可安全操作所有元素。
3、在 <head> 中使用 defer：脚本延迟至 DOM 解析完成后再执行，且保持声明顺序。
4、在 <head> 中使用 async：脚本下载不阻塞 HTML 解析，但执行时机不可控，不适用于依赖其他脚本或 DOM 初始化的代码。
