前端开发中 H5中a链接的download属性

前端怎么能快速开发网站|网站前端开发和后台开发|网站前端开发的基本流程

html5中在为a增加download属性,可以将a转化为下载链接,而非跳转展示链接。

形式如:<a href=”.” download></a>除此之外,可以通过a.download=”filename”来设置下载文件的名称。例如:[code]<a href=”http://www.baidu.com/images/test.jpg&quot; download></a>
<a href=”http://www.baidu.com/images/test.jpg&quot; download=”http://www.baidu.com/images/test.jpg></a>[/code]目前此属性已经在Chrome 14+和Firefox 20+以上浏览器得到支持,你可以采用如下的方式测试浏览器是否支持下载属性:if(‘download’in document.createElement(‘a’)) //supported要特别说明的是,在Firefox中必须要为文件指定文件类型,而Chrome则不需要。

例如Firefox必须要设定download=”filename.txt”。
IE9之前版本的IE浏览器可以采用条件注释作为降级的方式处理。
<p>Rightclick and save as.</p>

网站前端开发和后台开发|前端开发有哪些网站|网站开发前端基础

» 本文来自:前端开发者 » 《前端开发中 H5中a链接的download属性》
» 本文链接地址:https://www.rokub.com/4556.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!