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进行数据存储。当用户关闭浏览器后,数据被删除。
    实例
  • 相关阅读:
    Codeforces Round #296 (Div. 2B. Error Correct System
    实验十二 图的建立与遍历
    1561: (More) Multiplication
    1562: Fun House
    hdu 2203 亲和串
    hdu 3549Flow Problem
    poj 2182 Lost Cows
    poj 3468A Simple Problem with Integers
    hdu1698 Just a Hook
    栈和队列的面试题Java实现
  • 原文地址:https://www.cnblogs.com/littleCode/p/3672616.html
Copyright © 2011-2022 走看看