您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > 前端开发 > HTML5&CSS3

关于html5中a链接的download属性,你了解吗?

作者:  来源:互联网  日期:2013-10-27 18:00:37
收藏  评论:( 0 )  阅读:772
html5中在为a增加download属性,可以将a转化为下载链接,而非跳转展示链接。形式如:<a href="**.**" download></a>
除此之外,可以通过a.download="filename"来设置下载文件的名称。
例如:
<a href="http://www.baidu.com/images/test.jpg" download></a>
<a href="http://www.baidu.com/images/test.jpg" download="http://www.baidu.com/images/test.jpg></a>

目前此属性已经在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>




除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/html5/465.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论