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

【问题标题】：HTML: how to create a "save as" button?HTML：如何创建“另存为”按钮？
【发布时间】：2011-02-20 10:14:18
【问题描述】：

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

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

据我所知，存在使用 Javascript 的解决方案，但它仅适用于 IE。见这里：link text

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您可以让链接运行一个服务器端脚本，该脚本加载 HTML 文件并使用 Content-Disposition: attachment; filename=xxx.html 标头将其写回客户端。

【讨论】：

【解决方案3】：

document.execCommand('SavaAs') 仅适用于 IE，但以下链接建议您可能想尝试的其他可能性。

【讨论】：

【解决方案4】：

看看downloadifyjQuery插件，它使用flash保存。仅 Javascript 是不可能的。

【讨论】：