Storage与cookie

Storage是为了给浏览器增加记忆功能,方便在同一站点共享存储数据

cookie是早期在客户端的存储机制

Storage分为sessionStorage和localStorage(h5新添的)

各个存储都存在生命周期:

sessionStorage:打开浏览器到关闭浏览器

localStorage:永久化存储在本地硬盘

cookie:可以设置有效存储时间

‘同源策略’:

Storage通常是整个站点,最大为5M甚至更大

cookie是文件当前目录的所有文件及值文件,最大为4k,每次都要随http请求发送

Storage的用法:

dot方式来操作

1 localStorage.username = ‘john‘;
2 localStorage.password = 12;
3 console.log(localStorage.username + ‘  ‘ +localStorage.password);

setItem和getItem

1 localStorage.setItem(‘myName‘, ‘whistle‘);
2 localStorage.setItem(‘password‘, 24);
3 console.log(localStorage.getItem(‘myName‘) + ‘ ‘ + localStorage.getItem(‘password‘));

cookie的用法:

ps:这个Opera和chrome不能打印,所以换到Firefox

ps:试了半天,只能存一个,存多个还是拼接字符串吧

1 document.cookie="age=28;expire="+(new Date()).toGMTString()+10;
2 console.log(document.cookie);
3 var allCookie = document.cookie.split(‘;‘);
4 console.log(allCookie);

时间: 2024-10-20 07:32:37

Storage与cookie的相关文章

Web Storage和cookie的区别

1)  存储空间不同. a)  Web Storage能提供5MB的存储空间(不同浏览器的提供的空间不同).Cookie仅4KB. b)  Web Storage每个域(包括子域)有独立的存储空间,各个存储空间是完全独立的,因此不会造成数据混乱. 2)  与服务器交互. Web Storage中的数据则仅仅是存在本地,不会与服务器发生任何交互. Cookie的内容会随着请求一并发送的服务器(带宽浪费). 3)  接口. Web Storage提供更多丰富易用的接口,拥有setItem,getIt

Web Storage和cookie

Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地"存储"数据而生; Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的,Cookie的大小是受限的; 并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽; cookie还需要指定作用域,不可以跨域调用; Web Storage拥有setItem,getItem,removeItem,clear等方法,不像cookie

数据存储之Cookie和Web Storage。

Cookie Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份.进行session跟踪而储存在用户本地终端上的数据(通常经过加密).接下来就谈谈cookie的一些利弊,cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的. 第一:每个特定的域名下最多生成20个cookie. 1.IE6或更低版本最多20个cookie 2.IE7和之后的版本最后可以有50个cookie. 3.Firefox最多50个cookie 4.chrome和

【JavaScript】Cookie and Web Storage

这一块自己学习了有一阵子了,但是今天看面试题的时候,让说一下cookie的弊端以及web storage与cookie的区别,竟然还是不知道从何说起,所以,还是要自己认真的梳理一遍. 支持离线的Web应用开发,是HTML5的一个重点.离线Web应用,就是在设备不能上网的时候依然可以运行的应用. 开发离线Web应用需要几个步骤: 1.确保应用知道设备能否上网,以便下一步执行正确的操作.可以使用HTML5定义的navigator.onLine属性来检测. 2.应用必须在离线的时候能够访问一定的资源(

UIWebView清除缓存和cookie[转]

现在项目遇到一个问题,游戏底层用Cocos2d-x,公告UI实现是用的UIWebView, 然后第一次在有网络的环境下运行公告UI,会加载url链接,同时就会自动存入缓存,当下次手机没有网络的环境下,会加载缓存,给玩家UIWebView链接良好的错觉! 所以每次加载完URL链接后, 同时把缓存也马上清理. 源码如下: //清除cookies NSHTTPCookie *cookie; NSHTTPCookieStorage *storage = [NSHTTPCookieStorage shar

storage

localStorage(本地存储),可以长期存储数据,没有时间限制,一天,一年,两年甚至更长,数据都可以使用. sessionStorage(会话存储),只有在浏览器被关闭之前使用,创建另一个页面时同意可以使用,关闭浏览器之后数据就会 localStorage和sessionStorage一样都是用来存储客户端临时信息的对象. 他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现). localStorage生命周期是永久,这意味着除非用户显

h5本地存储storage

storage本地存储,似乎有点想起cookie,的确用法也类似于cookie.但是storage较cookie有不少好处: 存储量大:在客户端完成,不会请求客户端: storage分为sessionStorage和localStorage. 1.sessionStorage  临时存储,当页面关闭的时候,本地存储也就消失.并且sessionStorage的数据是不会共享的. 2.localStorage 永久删除,可以手动删除数据,数据是共享的. storage下有以下api: window.

【JEECG技术博文】Local storage & easyui extensions

1. Local storage背景 cookie弊端:同域内http请求都会带cookie,添加带宽和流量:有个数和限制大小(约4K). 在HTML5中,本地存储是一个window的属性.包含localStorage和sessionStorage.从名字应该能够非常清楚的辨认二者的差别.前者是一直存在本地的,后者仅仅是伴随着session,窗体一旦关闭就没了. 二者用法全然同样. 2. Jquery.storage.js插件 项目主页,api请參考http://ek.alphaschildre

Cookie, LocalStorage 与 SessionStorage

Cookie, LocalStorage 与 SessionStorage相同点 都是储存在用户本地的数据. 意义在于避免数据在浏览器和服务器间不必要地来回传递. 三者的特点     同属于html5中的Web Storage 特性 Cookie localStorage sessionStorage 数据的生命期 可设置失效时间,默认是关闭浏览器后失效 除非被清除,否则永久保存 仅在当前会话下有效,关闭浏览器后被清除 存放数据大小 4K/个文件*最多20个 >5MB/站点 >5MB/站点 与