======================================================
注:本文源代码点此下载
======================================================
谈到本地存储,我们不得不说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^)/