谈谈web storge

谈谈web storge 谈谈Web storge(HTML5) 定义:web storage是HTML5中引入的一个非常重要的功能，可以在客服端存储数据，类似HTML4的cookie，但是要比cookie要强大的多。 两者最大的区别在于，存储数据大小，cookie被限制在4kB;而Web Storage官网建议是每个网站5M,而且cookie占用的带宽比较大; 在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在html5中提供了sessionStorage和localStorage，用localStorage取代了globalStorage. sessionStorage:是用于存储一个本地会话(session)中的数据。这些数据只在同一个会话页面才能访问，当会话结束了，数据随之销毁。 因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的。 localStorage:是用于持久化的本地存储，除非主动的删除数据，否则会一直存在。 使用方式(sessionStorage和localStorage通用): 1.设置key/value的值 sessionStorage.setItem(“key”,”value”); localStorage.setItem(“key”,”value”); 或者sessionStorage.key=”value”;localStorage.key=”vlaue”; 2.获取值 sessionStorage.getItem(“key”); localsStorage.getItem(“key”); 3.删除一个key/value sessionStorage.removeItem(“key”); localStorage.removeItem(“key”); 4.清空数据 sessionStorage.clear(); localStorage.clear(); WebStorage的支持情况:所有的现代浏览器都支持这样的，IE支持是重IE8开始，IE7及以下不支持，但是IE7期以下提供了一个叫做userData的持久化用户数据.来解决这个兼容。 webStorage的优点和缺点: 优点(相对cookie): 1.存储空间更大。能存储更多的数据， 2.存储信息不会发送到服务器，数据仅仅存储在本地，不会和服务器发生任何交互。 3.有更丰富的接口，webStorage提供一套丰富的接口，是数据操作更为简便。 4.独立的存储空间:每个域(包括子域)有独立的存储空间，各个空间独立，不会造成数据混乱。 缺点: 1.浏览器会为每个域分配独立的存储空间，即脚本在域A中是无法访问到域B中的存储空间的，但是浏览器却不会检查脚本所在的域与当前域是否相同。即在域B中嵌入域A的数据，依然可以访问域B中的数据。 2.存储在本地的数据没有加密而且永远不会过期。极易造成隐私泄露。 WebStorage和cookie的区别: webStorage和cookie都是为了数据存储的设计，但是存在很多区别 1.webStorage存储的容量更大，cookie的大小受限制，并且每次请求一个新的页面的时候cookie否会被发送过去，这样无形的浪费了带宽。 2.cookie需要指定作用域，不能跨域操作。 3.webStorage拥有setItem，getItem，removeItem，clear方法不像cookie需要自己封装方法。 4.Cookie可以与服务器进行交互，作为HTTP的一部分存在，而webStorage仅仅是为了本地存储数据而生。