JavaScript 提供多种保存 HTML 的方法，包括：使用 document.write() 直接写入文档；使用 innerHTML 获取或设置 HTML 片段；使用 outerHTML 获取或设置完整元素的 HTML；使用 createElement() 和 innerText 手动构建 HTML；使用 Blob 和 File() 创建二进制大对象并保存为文件；使用 saveAs 或 FileSaver.js 之类的库简化保存过程。
如何使用 JavaScript 保存 HTML
JavaScript 提供了多种方法来保存 HTML 文档或其部分内容。
1. document.write()
此方法直接将 HTML 写入文档。它通常用于动态创建或更新 HTML 元素。
立即学习“前端免费学习笔记（深入）”；
document.write("Hello, World!
");2. innerHTML
此属性返回或设置 HTML 元素的内容。它可以用于保存 HTML 片段或整个文档。
const html = document.getElementById("myDiv").innerHTML;3. outerHTML
此属性返回或设置元素及其所有子元素的 HTML。它可以用于保存整个元素及其内容。
const html = document.getElementById("myDiv").outerHTML;4. createElement() 和 innerText
此方法创建新 HTML 元素，而 innerText 属性设置或获取其文本内容。这允许您手动构建并保存 HTML。
const div = document.createElement("div");
div.innerText = "Hello, World!";
const html = div.outerHTML;5. Blob 和 File()
对于较长的 HTML 文档，您可以使用 Blob 和 File() 构造函数来创建二进制大对象 (Blob) 并将其保存为文件。
const blob = new Blob([html], { type: "text/html" });
const file = new File([blob], "myfile.html");6. 使用库
还有许多可用的 JavaScript 库，例如 saveAs 和 FileSaver.js，它们提供了简化 HTML 保存过程的方法。
// 使用 saveAs 库 saveAs(blob, "myfile.html"); // 使用 FileSaver.js 库 FileSaver.saveAs(blob, "myfile.html");
这些方法提供了在 JavaScript 中保存 HTML 的多种选择。选择最适合您特定需求的方法。
