单击HTML按钮时如何触发下载

问题描述

我刚刚发布了这个问题，它已经关闭。我试图对其进行编辑，但它不允许我这样做，所以我要发布一个新问题。

如何创建一个HTML按钮，该按钮自动下载.html，.js，.css和.txt文件，而无需再按其他按钮？我尝试使用下面的代码，但是由于某种原因，它只是在Google中打开了文件，而没有下载它。

<form method="get" action="file.txt">
    <button>
        Download
    </button>
</form>

解决方法

如果不进行某些服务器端配置或使用服务器端脚本，则无法使用表单强制进行下载。
但是，您可以使用带有download属性的链接。
css是使其看起来像一个按钮

.button-link {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

<a href="file.txt" download="file.txt" class="button-link">Download</a>

download html htmlbutton