首页 > Web开发 > 详细

HTML5——WEB存储学习笔记

时间:2014-04-18 19:23:26      阅读:562      评论:0      收藏:0      [点我收藏+]

WEB存储

localStorage-没有时间限制的数据存储
sessionStorage-针对一个session的数据存储
HTML5之前的数据存储都是由cookie完成的。但是,cookie不适合大数据的存储。因为它们由每个对服务器的请求来传递,这使得cookie速度很慢而且效率不高。
HTML5中数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的清空下存储大量数据成为可能。
对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。HTML5使用JavaScript来存储和访问数据。
 
localStorage方法
localStorage方法存储的数据没有时间限制。第二天,第二周,或者下一年数据依然可用。
实例
<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.last.lastname);
</script>
下面实例用于对用户访问页面的次数进行计数
<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>
 
sessionStorage方法
sessionStorage方法针对一个seesion进行数据存储。当用户关闭浏览器后,数据被删除。
实例

HTML5——WEB存储学习笔记,布布扣,bubuko.com

HTML5——WEB存储学习笔记

原文:http://www.cnblogs.com/littleCode/p/3672616.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!