HTML5缓存

2019独角兽企业重金招聘Python工程师标准>>>

1、localStorage：本地的Session（硬件设备）

特点：永久保存、

代码：

<script type="text/javascript">
if (localStorage.pagecount)
  {
  localStorage.pagecount=Number(localStorage.pagecount) +1;
  }
else
  {  localStorage.pagecount=1;
  }
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>

效果：

结果：关闭浏览器后，然后从本地硬盘获取继续累加

2、sessionStorage ：

特点：临时保存，关闭浏览器会失效

代码：

<script type="text/javascript">
if (sessionStorage.pagecount)
  {
  sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
  }
else
  {  sessionStorage.pagecount=1;
  }
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script>

效果：

结果：每次关闭浏览起Session就会重新刷新，可以说SessionId不同了。

转载于:https://my.oschina.net/u/2472104/blog/639556