localStorage sessionStorage 和cookie localStorage localStorage是本地存储的,除非清空本地数据 localStorage不会自动把数据发给服务器,仅在本地保存. localStorage只能存字符串,任何类型存储的时候都会被自动转换成字符串 使用方式(localStorage是window的属性) 设置localStorage键值对 localStorage.name = 'zhangsan';//存储一个键值对 localStorage…
需求是这样的:需要统计用户公司某款产品用户的回馈情况,美工给的设计多个psd,每个页面里面都有一个选择题,让用户选择自己的答案,最后经过几次选择之后在最后一个页面统一提交到后台!所以这里引出的技术需求就是:如何在每个页面之间实现数据共享,比如用户进入下个选择页面之后怎么保存用户在上一个页面选择的数据,以便最后统一提交,因为这个项目比较独立,而且也只是简单的几个页面做统计需求,所以我并没有采用angularjs来搭建项目,所以没有用angular里面路由带参数的形式来向下一个页面传递数据,但是我这…
本地存储:把一些信息存储到客户端本地(主要目的有很多,其中有一个就是实现多页面之间的信息共享)       1. 离线缓存(xxx.manifest)  H5处理离线缓存还是存在一些硬伤的,所以真实项目中一般还是传统的NATIVE APP来完成这件事情     2. localStorage / sessionStorage:H5中新增加的API,基于这个API可以把一些数据缓存到客户端本地 (常用)     3. IndexedDB / webSQL :本地数据库存储     4. Cooki…
●存储大小的不同: localStorage的大小一般为5M sessionStorage的大小一般为5M cookies的大小一般为4K ●有效期不同: 1.localStorage的有效期为永久有效,除非你进行手动删除. 2.sessionStorage在当前会话下有效,关闭页面或者浏览器时会被清空. 3.cookies在设置的有效之前有效,当超过有效期便会失效. ●与服务器端的通信 1.localStorage不参与服务器端的通信. 2.sessionStorage不参与服务器端的通信.…
基本概念 cookie:是网景公司的前雇员在1993年发明.它的主要用于保存登陆信息,比如登陆某个网站市场可以看到'记住密码’,这就是通过在cookie中存入一段辨别用户身份的数据来实现的. sessionStorage:会话,是可以将一部分数据在当前会话中保存下来,刷新页面数据依旧存在.但是页面关闭后,sessionStorage中的数据就会被清空. localStorage:是HTML5标准中新加入的技术,当然早在IE6时代就有一个userData的东西用于本地存储,而当时考虑到浏览器的兼容…
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage.sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁 因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储.而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. 一.web storage和cookie的区别 Web Stora…
JS操作cookie cookie的操作用两种方式 1.substring //创建cookie function setCookie(name,value,expires,path,domain,secure){ var cookieText=encodeURIComponent(name)+'='+encodeURIComponent(value); if(expires instanceof Date){ cookieText+='; expires='+expires; } if(pat…
cookie是个基础的东西.是服务器发送到客户端,存储在客户端的一小段数据.可以存储一些配置信息,客户标识信息等.用户下次访问这个网站时,会把上次网站发来的cookie一同发送回去.cookie保存在客户端,服务器能够知道其中的信息. session保存在服务器,客户端不知道其中的信息: 一..h5之前,web本地存储都是由cookie完成,缺点:不适合大量数据存储2 与服务器的请求,速度慢,效率低. 二.h5提供了两种在客户端存储数据的新方法:1.localStorage:无时间限制,除非手工…
本地存储的作用 :避免登录网站时,用户在页面浏览时重复登录,也可以实现快速登录,一段时间内保存用户的登录效果,提高页面访问速率 在html5中提供三种数据持久化操作的方法: 1.cookie 可看作是记录简单内容的文本文件,直接绑定在html页面上.有前端设置和后端设置.有2中存储方式.不常用,难懂 cookie可以保存数据一段时间,只需要设置过期时间,过期时间到了,数据才会被删除:也可以是临时cookie/会话cookie,关闭浏览器,数据就会被删除 --------------------前…
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据. localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除. localStorage 属性是只读的. 如果你只想将数据保存在当前会话中,可以使用 sessionStorage 属性, 改数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据. 保存数据语法: localStorage.setItem("key"…