谈谈web storge谈谈web storge
谈谈Web storge(HTML5)
定义:web storage是HTML5中引入的一个非常重要的功能,可以在客服端存储数据,类似HTML4的cookie,但是要比cookie要强大的多。
两者最大的区别在于,存储数据大小,cookie被限制在4kB;而Web Storage官网建议是每个网站5M,而且cookie占用的带宽比较大;
在较高版本的浏览器中,js提供了sessionStorage和globalStorage。在html5中提供了sessionStorage和localStor...
谈谈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仅仅是为了本地存储数据而生。
本文档为【谈谈web storge】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。