本地存储 localStoage sessionStorage
1,兼容性
火狐3.6谷歌5.0 safari4 0pera10
这些浏览器都支持,API基本都一致,存在少许出入不影响使用
2,存储量
cookie 4k
5m左右
3,安全性
cookie:在向后台发送http请求是.cookie的内容会包裹在请求头中发送后台
l & s : 不会放进请求头,可以节省大量的带宽,缩短请求时间,更加安全
4,区别
cookie:存储麻烦,没有固定的api,需要后台帮忙设置
操作麻烦,不安全,费流量,一无是处
localStorage:没有时间限制,用不过去,除非主动删除,数据可跨窗口使用,无视当前
会话sessionStorage:在任何页面都可以存储信息,但是仅仅在当前页面有用,每个页面
储存的信息是独立拥有的,其他页面不能访问,一旦当前页面关闭,存储的信息全部删除
5,语法(API)
localStorage.setItem(k,v) 设置
localStorage.getItem(k) 获取
localStorage.removeItem(k) 删除
localStorage.clear() 清空所有
localStorage.k = v 修改数据
localStorage.length
获取所有键值对的数量
localStorage.key(n) 获取第n个键值对
sessionStorage与localStorage的语法一样
6,storage 事件
当同源的localStorage有所改变时,会触发这个事件,必须在同一个服务器下
运行事件对象event中存了一些东西:
event.key.oldValue 任意类型,
被修改数据修改前的值,
如果是增加数据,
那么这个值是null
event.newValue
任意类型,数据修改后的值
event.url
字符串,修改数据的网页的url
HTML5本地存储
最新推荐文章于 2024-07-18 22:15:17 发布