HTML：如何创建“另存为”按钮？

Question

在浏览器中，当您想要保存当前正在查看的 HTML 页面时，通常会转到“文件”菜单并单击“另存为”。

我可以在 HTML 页面底部添加一个具有相同功能的小按钮吗？ 因此，我希望我的用户能够单击按钮将页面保存到磁盘上，而不是转到“文件”菜单 -> “另存为”。

据我所知，有一个使用 Javascript 的解决方案，但它仅适用于 IE。 请参阅此处：

链接文字

Answer 1

您可以让链接运行一个服务器端脚本，该脚本加载 HTML 文件并使用

Content-Disposition: attachment; filename=xxx.html

 标头将其写回到客户端。

Answer 2

document.execCommand('SavaAs')

仅适用于 IE，但以下链接建议您可能想尝试的其他可能性。

这就是答案:)

Answer 3

看看

downloadify jQuery插件，它使用flash来保存。单独使用 JavaScript 是不可能的。

Answer 4

您必须创建一个按钮来下载 HTML 文件或您所在的页面：

<form><input type="button" value="Download Now" onClick="window.location.href='yourpage.html'"></form>

Answer 5

const blob = new Blob([document.documentElement.outerHTML], { type: 'text/html' });
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = `translate_manga_to_${language}_by_${apiKey}.html`;
a.target = '_blank';
a.innerHTML = 'Really download';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);