localstorage和sessionstorage的存储大小,html5 localstorage
因此，sessionStorage不是持久的本地存储，而只是会话级存储。LocalStorage用于永久本地存储，除非主动删除，否则数据永远不会过期。一、web storage和cookie的区别Web存储的概念类似于cookie，只是它是为更大容量的存储而设计的。Cookie的大小是有限的，每次你请求一个新的页面，Cookie都会被发送，这实际上浪费了带宽。另外，需要指定cookie的作用域，所以不能跨域调用。
另外，Web存储有setitem、getitem、removeitem、clear等方法，不像cookie需要前端开发者自己打包setCookie和getCookie。
但cookies也是不可或缺的：cookies的作用是与服务器进行交互，它们是作为HTTP规范的一部分而存在的，而Web存储只是为了在本地“存储”数据而生的(更正自@otakustay)。二、html5 web storage的浏览器支持情况浏览器的支持除了IE7及以下不支持，其他标准浏览器完全支持(IE和FF需要运行在web服务器)。值得一提的是，IE总是做好事。比如IE7和IE6中的UserData，其实就是javascript的本地存储解决方案。通过简单的代码封装，可以统一所有浏览器支持web存储。
要确定浏览器是否支持localStorage，可以使用以下代码：按如下方式复制代码：if(window.localStorage){
警报(“浏览支持本地存储”)
}
其他
{
警报(“浏览不支持本地存储”)
}
//或者if(type of window . Local storage== undefined ){ alert( Local storage不支持浏览)}三、localStorage和sessionStorage操作Local storage和sessionStorage的操作方法相同，如setItem、getItem和removeItem。
本地存储和会话存储的方法：
SetItem存储值
目的：在键字段中存储值
用法：setItem(键，值)
示例：复制代码如下：sessionstorage.setitem (key ， value )；
localStorage.setItem(site ， js8 . in )；
GetItem获取值
目的：通过指定的键获取本地存储的值。
用法：getItem(键)
示例：复制代码代码如下：var value=session storage . getitem( key )；
var site=local storage . getitem( site )；
RemoveItem删除键
目的：删除指定键的本地存储值。
用法：removeItem(键)
示例：复制代码代码如下：session storage . remove item( key )；
local storage . remove item(“site”)；
清除所有键/值
目的：清除所有键/值
用法：清除()
示例：复制代码代码如下：session storage . clear()；
local storage . clear()；四、其他操作方法：点操作和[]webstorage不仅可以通过自己的setItem、getItem等方便地访问。但也可用于通过点(.)运算符和[]像普通对象一样，像下面的代码：复制代码如下：
var storage=window . local storage；storage.key1= hello
存储[ key 2 ]= world ；
console . log(storage . key 1)；
console.log(存储[ key 2 ])；五、localStorage和sessionStorage的key和length属性实现遍历sessionStorage和localStorage提供的key()和length可以方便地实现存储数据的遍历，比如下面的代码：Copy代码如下：
var storage=window . local storage；
for (var i=0，len=storage.length我len我)
{
var key=storage . key(I)；
var value=storage . getitem(key)；
console.log(key =值)；
}六、storage事件存储还提供了一个存储事件，可以在键值改变或清零时触发。例如，下面的代码为存储事件的更改添加了一个监视器：复制代码如下：if(window.addEventListener){
window . addevent listener( storage ，handle_storage，false)；
}
else if(window.attachEvent)
{
window.attachEvent(onstorage ，handle _ storage)；
}
函数句柄_存储(e){
如果(！e){ e=window . event；}
}
仓库事件对象的具体属性如下表：属性类型描述关键字字符串被添加、删除或修改的命名关键字旧值任何以前的值（现在已被覆盖),如果添加了新项则为空新值任何新值，如果添加了项则为空URL/uri字符串调用触发此更改的方法的页面
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。