js中的本地存储

2017-10-31  本文已影响43人  Yytg

js中的本地存储:使用js向浏览器的某一位置存储一些内容,浏览器关闭也不会销毁。
本地存储的方案

传统方案:

1.cookie:把数据存储在客户端中,只能存储4KB内容,服务端也可以获取cookie,但必须是同源。
2.session: 把数据存储在服务器上。

HTML5的存储方案webstorage:

1.localStorage: 永久的存储在客户端本地,可以存储5M内容。
localStorage.setItem('name','jackLi'); // 存储数据 转换为字符串存储
localStorage.getItem('name') //获取数据;
localStorage.removeItem('name'); // 移出数据
localStorage.clear(); // 清空所有数据

下面的例子对用户访问页面的次数进行计数:
<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: 信息会话存储,浏览器窗口关闭才会消失,否则不会消失

上一篇 下一篇

猜你喜欢

热点阅读