您的位置:首页 > Web前端 > HTML5

local storage (H5本地存储)

2016-03-18 14:08 776 查看
HTML5 提供了两种在客户端存储数据的新方法:

localStorage - 没有时间限制的数据存储

sessionStorage - 针对一个 session 的数据存储
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

1.local storage

靠js完成。一个例子见下。

<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>

chrome中的调试界面见图1-1.



图1-1 chrome中的调试界面,查看localStorage

2.sessionStorage

详见w3School。
http://www.w3school.com.cn/html5/html_5_webstorage.asp
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: