点击下载文件html

点击查看演示地址。 2 实现代码. JS代码如下，已经封装成一个函数， filename 是 保存的文件名， content 

HTML页面点击下载文件的两种实现方法_HTML/Xhtml_网页

前端对于文件下载这块的一些常用的基本方法。 一 通过a标签来下载文件 在html5中 a 标签多了一个属性download；没有添加download属性，用户点击a链接浏览器会打开并显示该链接的内容，若在a链接中加了 download 属性，点击该链接就不会打开这个文件，而是直接下载。 常规的 标签通过 href 实现链接跳转，如果只想下载文件而不是跳转预览，最好的方式是在 标签中添加 download 属性，就能很简单地实现下载操作。 1、在a标签中指定href='文件路径'，download='文件名'；这样直接点a标签就能下载文件了。 2、给按钮绑定个click事件，在事件里使用window.location.href='文件路径'，或者window. open("文件路径") 3、如果需要从后台查询文件，也可以直接后台返回流也行的 在查阅资料之后，发现a标签有一个download的属性，添加了该属性，a标签将直接下载文件，并根据download属性的值设置下载文件的文件名，不为download属性设置值则文件将以默认文件名下载: