原来HTML5的有个download属性

在某技术论坛里泡,发现一篇帖子介绍,原来HTML5的a链接居然有个download属性,如果一个图片链接,点击这个链接后,不再是跳转到这个图片显示,而是直接下载这个图片。

 

<a herf=”l.jpg” download>一张图片</a>

利用这个方法,还可以用来下载pdf、txt等文档,真可谓非常的方便。

 

 

REFERENCE

了解HTML/HTML5中的download属性

Got HTML5

OT20120427104558542

# HTML5语法记录

HTML5语法特性优化

html5沿用了html的语法,但是html5更加间接,更加人性化。主要体现在以下5个方面:

  • DOCTYPE及字符编码 可以直接使用下面的语法代替html4烦杂的标签声明:
  • <!doctype html>
  • <html lang="zh-CN">   //有助于语音合成工具确定其所应该采用的发音,有助于翻译工具确定其翻译时所应遵守的规则等等。
  • <meta charset="utf-8">

关于cookie

cookie采用key-value的方式存储,使用Jquery设置cookie的方法非常方便。
* 设置cookie的值,把name变量的值设为value

[html]

cookie(’name’, ‘value’);

[/html]

* 新建一个cookie 包括有效期 路径 域名等
$.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});
* 新建cookie
$.cookie(’name’, ‘value’);
* 删除一个cookie
$.cookie(’name’, null);
这实际上并不是清除key为name的cookie,只是将其alue设为null。
如果清楚所有cookie,目前没有找到比较好的方法,只能穷举出所有cookie,然后一一将其设为null。
* 获取一个cookie(name)值给myvar
var account= $.cookie(‘name’);

Reference

http://www.xprogrammer.com/1937.html http://www.php100.com/html/program/jquery/2013/0905/5942.html http://www.php100.com/html/program/jquery/2013/0905/6028.html

localStorage和sessionStorage

localStorage和sessionStorage都是HTML5新添加的部分,主要是为了解决cookie难以存储比较大的数据的为题(cookie只能存储4k左右数据,并且每个域名最多只支持20个cookies),存储量有5M左右,能满足现在大部分数据的要求。
需要注意的一点是,localStorage和sessionStorage存储的都是字符串。如果想存储json对象,可以使用JSON.stringify(jsonData)转换为字符串,并且在取得数据时使用JSON.parse(jsonString)转回json对象。

由于浏览器们非暴力不合作的竞争态势,在使用时,最好验证一下浏览器是否支持给特性。

if(window.localStorage){
alert('This browser supports localStorage');
}else{
alert('This browser does NOT support localStorage');
}

他们的赋值方式与JavaScript的方式无异,另外它们又新添了getter和setter方式,这种方式非常方便。
“`

“`
他们非常方便的方法是:

Reference:

HTML5 LocalStorage 本地存储 HTMl5的sessionStorage和localStorage