这很疯狂，但我不知道怎么做，因为这些词太常见了，在搜索引擎上很难找到我需要的东西。我想这个问题应该很容易回答。
我想要一个简单的文件下载，这将与此相同:
<a href="file.doc">Download!</a>
但是我想使用一个HTML按钮，例如:
<input type="button" value="Download!">
<button>Download!</button>
同样，是否有可能通过JavaScript触发一个简单的下载?
$("#fileRequest").click(function(){ /* code to download? */ });
我绝对不会寻找一种方法来创建一个看起来像按钮的锚，使用任何后端脚本，或混乱的服务器头或mime类型。
当前回答
我觉得这就是你想要的解决方案
<button type="submit" onclick="window.location.href='file.doc'">Download!</button>
我有一个案例，我的Javascript生成了一个CSV文件。由于没有远程URL来下载它，我使用以下实现。
downloadCSV: function(data){
var MIME_TYPE = "text/csv";
var blob = new Blob([data], {type: MIME_TYPE});
window.location.href = window.URL.createObjectURL(blob);
}
其他回答
如果你正在寻找一个普通的JavaScript(而不是jQuery)解决方案，并且不使用HTML5属性，你可以试试这个。
const download = document.getElementById("fileRequest"); 下载。addEventListener(“点击”,请求); 函数请求(){ 窗口。Location = 'document.docx'; ｝ .dwnld-cta { 边框半径:15px 15px; 宽度:100 px; 行高:22 px ｝ 下载文件< h1 > < / h1 > <button id="fileRequest" class="dwnld-cta">Download</button> .
是什么:
<input type="button" value="Download Now!" onclick="window.location = 'file.doc';">
引导程序版本
<a class="btn btn-danger" role="button" href="path_to_file"
download="proposed_file_name">
Download
</a>
在Bootstrap 4文档中有记录，并且在Bootstrap 3中也有工作。
对我来说，点击按钮而不是锚文本工作得很好。
<a href="file.doc"><button>Download!</button></a>
在大多数规则下，这可能是不合适的，但它看起来相当不错。
如果你不能使用表单，另一种方法downloadjs很适合。Downloadjs在底层使用blob和html 5文件API:
<div onClick=(()=>{downloadjs(url, filename)})/>
*它是jsx/react语法，但可以在纯HTML中使用
