前端,后端,php基础

白癜风临床专家 http://www.tlmymy.com/m/
前端HTML5的本地缓存?

如果想在用户访问的时候记录或者记住他的行为,除了

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","


转载请注明:http://www.xxcyfilter.com/cxrs/cxrs/12001.html