sessionStorage localStorage

webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage。

Html5中新增的,window.sessionStorage, 方法有:

setItem, getItem, remveItem clear

sessionStorage中的一个回话跟 session回话有区别,它的一个回话是指浏览器的一个标签页或一个窗口,关闭浏览器或者新开一个标签页,回话就会结束,结束后数据也会被清除,而且它属于本地存储,不会像cookie一样可以发送到服务器。

特点:

1. 同源策略: 一个窗口中访问的页面必须是同源的,即同一个地址,同一个端口

如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的

2. 同一个标签页限制

3. 存储的value值都是字符串类型的,即使不是,存储后也会转成字符串

sessionStorage也可存储Json对象:存储时,通过JSON.stringify()将对象转换为文本格式;读取时,通过JSON.parse()将文本转换回对象。

4. 存储大小5M以下,不同浏览器不同大小

可访问 http://dev-test.nemikor.com/web-storage/support-test/ 测试浏览器的存储上限。


localStorage也是HTTML5新增的,方法跟sessionStorage相同,可以将用户的数据存储到硬盘上,可以永久存储,而且没有过期的时间限制。

它也遵循同源策略,同一个地址同一个端口号的页面都可以使用,也是 5M以下,但是不限浏览器标签页和窗口的影响,换了浏览器就不能访问了,这点跟cookie类似。

猜你喜欢

转载自blog.csdn.net/jerny2017/article/details/80450126