html5 WebStorage本地存储

======================================================
注：本文源代码点此下载
======================================================

谈到本地存储,我们不得不说cookie,在web应用程序中,通常都使用cookie在客户端存储简单的数据,如用户信息、判断字段等等。但是cookie的存储伴随的缺点也是不少的,如:

1、每个http请求都会附加发送长长的cookie字符串到服务端,再由服务端返回给客户端,耗带宽

2、cookie存储量的大小受限,有的浏览器为8192字节,有的仅为4096字节

3、用户在禁用cookie的情况下,会导致功能失效

4、潜在的安全性:只要是将数据存储在客户端,都容易被篡改。

html5通过webstorage和database完善了cookie的不足。

1、webstorage提供的可存储大小在5m左右,firefox下不受限

2、且数据的生命周期可跨域页面刷新,甚至浏览器关闭重开。

localstorage和sessionstorage

localstorage是指把数据存储在本地的硬盘中,chrome下可以看到local storage这个资源下的存储情况,它是永久的,除非手动删除。

sessionstorage是指把数据存储在session对象中,数据的生命周期和session对象的生命周期一致(进入网站到浏览器关闭的过程)。

数据的増删改查(localstorage同sessionstorage):

本地数据库

浏览器通过内置了小型的文件型sql数据库来作为本地存储,就是通常见到的“sqllite”。

var db = opendatabase("db名字","版本号","db描述","数据库大小");//创建数据库,如果已存在,则返回数据库对象

db.transaction(function(tx){

tx.executesql("sql语句",[],handledata,handleerror);

//事务操作

})

handledata(tx,rs){

//do something

}

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/