HTML5——WEB存储学习笔记

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进行数据存储。当用户关闭浏览器后,数据被删除。
实例
原文地址:https://www.cnblogs.com/littleCode/p/3672616.html