zoukankan      html  css  js  c++  java
  • 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进行数据存储。当用户关闭浏览器后,数据被删除。
    实例
  • 相关阅读:
    OneSQL安装
    Dropbox可伸缩性设计最佳实践分享
    软件开发实践的24条军规
    最精彩的英语学习经验总结:俺的英语之路
    Facebook和Google如何激发工程师的创造力
    十种更好的表达“你的代码写的很烂”的方法
    一次java程序的重构
    漂亮代码
    一段代码引发的思考
    最难忘的Bug调试经历
  • 原文地址:https://www.cnblogs.com/littleCode/p/3672616.html
Copyright © 2011-2022 走看看