HTML5学习笔记之客户端存储数据方法：localStorage(),sessionStorage()

HTML5提供了两种在客户端存储数据的新方法：

　　localStorage():没有时间限制的数据存储

　　sessionStorage():针对一个session的数据存储

　　下面的一个例子用localStroage()方法对用户访问页面的次数进行计数

　　<script type="text/javascript">

　　　　if(localStorage.pagecount)

　　　　{

　　　　　　localStorage.pagecount=Number(localStorage.pagecount)+1;

　　　　}

　　　　else

　　　　{

　　　　　　localStorage.pageCount=1;

　　　　}

　　　　document.write("Visit"+localStorage.pagecount+"times.");

　　</script>

　　运行此段代码后可以看到访问次数Visits: 1 times.刷新页面后次数会继续增长。关闭页面重新打开时会在原来的基础上继续增长。

　　

　　下面的例子使用sessionStorage()方法对当前session中访问页面的次数进行计数

　　<script type="text/javascript">

　　　　if(sessionStorage.pagecount)

　　　　{

　　　　　　sessionStorage.pagecount=Number(sessionStorage.pagecount)+1;

　　　　}

　　　　else

　　　　{

　　　　　　sessionStorage.pagecount=1;

　　　　}

　　　　document.write("Visit"+sessionStorage.pagecount+"times.");

　　</script>

　　运行代码后会显示Visits 1 times.刷新页面后会在此基础上继续增加，但是关闭页面后数据会丢掉，打开时重新从1开始计数。