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: 信息会话存储,浏览器窗口关闭才会消失,否则不会消失