如何使用a标签下载文件

a标签

a标签是前端页面一个非常重要的标签，通常作为 链接使用，进行页面跳转，或者页面定位，之所以会有这样的功能，就在于a标签的一个重要属性，href,如果没有这个属性的a标签，就相当于一个普通的行内标签，连hover的默认小手都会没有。
那么除了href外，a标签还有哪些不为熟知的属性呢

download

在HTML5中，a标签除了href外，还新增了一个重要的属性，就是download。如广大前端工作人员所知，通常如果a标签的href属性=‘xxx’，如果xxx可以被浏览器解析，那么xxx就会被页面打开，而不是被下载，只有当浏览器不能解析的时候，那么才会被下载到本地。通常js,图片，html等文档均可被解析，MP4,mp3，zip等文件不会被解析。那么如果我们要通过a下载那些可以被解析的文件怎么办，那就需要这个download属性了。
下发如下：
下载图片
在href中写入文件地址，添加download属性即可。

target

target属性大家应该比较熟悉，我们跳转页面的情况通常会有以下两种，一是在同一页面内打开，二是打开的新的页面，保留原页面。那么就需要用到target属性了。a链接默认的是在同一页面打开，如果我们需要打开新的页面，就需要添加target=’blank’来设置。
Map页面

值得注意的是，如果添加了download属性，那么a的href属性就是一个链接地址，不具备跳转的功能了。