localstorage和sessionStorage的使用
使用的场景,
h5页面,通过js,存储到硬盘,我们可以用到app端,可以存储用户信息,存储购物车里的商品信息等
一:localstorage
1.localstorage存用户信息
<script>
var ce=$('.ce').html(); //要存的数据
localStorage.setItem("lastname",ce); //存入
var str=localStorage.getItem("lastname"); //获取
alert(str);
}
</script>
2. 以下是我封装的localstorage.js,直接可以引用使用
下载:http://www.taikongliu.com/localstroge/localstorage.zip
例如:
<script src="localstorage.js"></script>
getStorage('key') //取
setStorage('key','value') //存
3.统计页面访问量
<script type="text/javascript">
if (localStorage.pagecount){
localStorage.pagecount=Number(localStorage.pagecount) +1;
}else{
localStorage.pagecount=1;
}
alert(localStorage.pagecount)
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>
二:sessionStorage
注意:sessionstorage和localstorage用法一样,最大的区别就是当关闭浏览器的时候,
前者存的数据会丢失,后者只要你不清除,永远不会丢失
用法:
sessionStorage.setItem('key','2');
var str=sessionStorage.getItem('key');
alert(str)