如果想在用户访问的时候记录或者记住他的行为,除了
session
和cookie,还有HTML5的
localStorage本地存储和SessionStorage基于会话的本地存储;
两种本地存储的格式是一样的,但是
SessionStorage基于会话,浏览器关闭,直接消失;而
localStorage需要销毁;
本地存储由来的背景众所周知Html4时代Cookie的大小、格式、存储数据格式等限制,网站应用如
果想在浏览器端存储用户的部分信息,那么只能借助于Cookie。但是Cookie的
这些限制,也就导致了Cookie只能存储一些ID之类的标识符等简单的数据,复
杂的数据就更别扯了。
下面是Cookie的限制:1,大多数浏览器支持 为字节的Cookie。
2,浏览器还限制站点可以在用户计算机上存储的Cookie的数量。大多
数浏览器只允许每个站点存储20个Cookie;如果试图存储更多
Cookie,则最旧的Cookie便会被丢弃。3.
3,有些浏览器还会对它们将接受的来自所有站点的Cookie总数作出绝
对限制,通常为个。4.4,Cookie默认情况都会随着Http请求发送到后台服务器,但并不是所
有请求都需要Cookie的,比如:js、css、图片等请求则不需要cookie。
Html5的设计者们,一开始就为Html5能成为富客户端做好了准备。为了破解
Cookie的一系列限制,Html5通过JS的新的API就能直接存储大量的数据到客
户端浏览器,而且支持复杂的本地数据库,让JS简直就是逆天了。Html5支持
两种的WebStorage,一种是 性的本地存储(localStorage),另外一种是
会话级别的本地存储(sessionStorage)。
二、会话级别的本地存储:sessionStorage在Html5中增加了一个Js对象:sessionStorage;通过此对象可以直接操作存
储在浏览器中的会话级别的WebStorage。存储在sessionStorage中的数据首先是Key-Value形式的,另外就是它跟浏览器当前会话相关,当会话结束后,数据
会自动清除,跟未设置过期时间的Cookie类似。
sessionStorage提供了四个方法来辅助我们进行对本地存储做相关操作。
·(1)setItem(key,value):添加本地存储数据。两个参数,非常简单就不说了。
(2)getItem(key):通过key获取相应的Value。
·(3)removeItem(key):通过key删除本地数据。
·(4)clear():清空数据。
scripttype="text/javascript"//添加key-value数据到sessionStoragesessionStorage.setItem("demokey","