直接保存html源码时，标签会原样保留并正常执行；但外部脚本需手动下载并改为相对路径，内联脚本抽离为.js文件时须去除标签、注意执行时机，type="text/plain"等非执行型script不可误作js保存。
直接保存 HTML 源码时，<script></script> 标签会一起被保存下来
只要复制的是完整的 HTML 文本（包括 和 ），所有内联的 <script></script> 标签都会原样保留在文件中。浏览器打开后，这些脚本会照常执行。
常见错误现象：用浏览器“查看网页源代码”后右键“另存为”，结果保存成 .txt 或没选对编码（如 ANSI 而非 UTF-8），导致中文乱码或 <script></script> 中的注释/字符串解析异常。
- 务必在文本编辑器（如 VS Code、Notepad++）中粘贴后，用“另存为”→ 文件名填
index.html→ 编码选UTF-8→ 保存类型选“所有文件” - 不要用 Word 或 WPS 直接打开保存，它们会自动改写 HTML 结构，可能删掉空格、转义引号，甚至把
<script></script>里的当成非法标签处理 - 若源码里有
<script>console.log("</script>这类含未闭合引号的调试代码，保存后可能引发语法错误——检查是否漏了引号或反斜杠转义
<script src="xxx.js"></script> 的脚本不会自动保存，必须单独处理
HTML 源码里只有一行 <script src="main.js"></script>，不代表 main.js 文件内容也包含在内。它只是个链接，运行时才去加载。
如果目标是离线可用，你必须手动下载并本地化这个外部脚本：
- 在浏览器开发者工具的
Network标签页中，筛选JS，找到对应main.js请求，右键 “Open in new tab”，再右键 “另存为” 保存到本地 - 把保存的
main.js放到和 HTML 文件同一目录下，或按原路径结构重建文件夹（例如原为src/js/main.js，就建src/js/文件夹再放进去） - 检查 HTML 中的
src属性值：如果是绝对 URL（如src="https://cdn.example.com/lib.js"），建议改为相对路径（如src="lib.js"）或下载后替换为本地路径
想把内联脚本抽出来单独保存为 .js 文件？注意三处细节
把 <script>...</script> 里的代码剪出来另存为 custom.js 是常见需求，但容易出错：
- 不能保留
<script></script>和标签本身——.js文件只允许纯 JavaScript 语法 - 若原
<script></script>在 HTML 中用了defer或async，移到外部文件后，这些属性仍要保留在<script defer src="custom.js"></script>里，否则执行时机可能变化 - 原脚本若依赖 DOM 元素（比如
document.getElementById("x")），而它又在中引入，需加defer或挪到底部，否则可能报Null
用 type="text/plain" 存数据？别误当成可执行脚本保存
有些网页用 <script type="text/plain" id="config">{"api":"v1"}</script> 存 JSON 数据，这种 <script></script> 不会执行，只是容器。
如果你把它连同内容一起保存进 HTML 副本，没问题；但若试图“提取脚本内容”并另存为 .js，就错了——它不是 JS 代码，不能直接当 JS 执行：
- 读取时要用
document.querySelector('script[type="text/plain"]').textContent，不是.innerHTML（后者会解码 HTML 实体） - 保存为独立文件时，应命名为
config.json而非config.js，并在 HTML 中改用<script type="application/json" id="config"></script>或 fetch 加载 - 千万别给它加
src属性——<script type="text/plain" src="config.json"></script>是无效的，浏览器会忽略或报 404
<script></script> 标签是否带 nomodule、type="module" 或 crossorigin 属性？这些会影响加载逻辑和 CSP 策略，单纯复制 HTML 并不能保证离线环境下的行为一致。**前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
