如何使用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属性就是一个链接地址,不具备跳转的功能了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值