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进行数据存储。当用户关闭浏览器后,数据被删除。
    实例
  • 相关阅读:
    猜数字小游戏的设计
    实验三 敏捷开发与XP实践 实验报告
    实验二Java面向对象程序设计
    课程总结报告
    Android实践项目汇报总结(下)
    Android实践项目汇报总结(上)修改
    Android项目开发四
    Android项目开发三
    Android项目开发二
    Android项目开发一
  • 原文地址:https://www.cnblogs.com/littleCode/p/3672616.html
Copyright © 2011-2022 走看看