zoukankan      html  css  js  c++  java
  • Html5之Web存储

    localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。

    sessionStorage 方法针对一个session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Html5Web存储</title>
        <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                localStorage.lastname = "婷婷";
                //对用户访问页面的次数统计
                if (localStorage.pagecount) {
                    localStorage.pagecount = Number(localStorage.pagecount) + 1;
                }
                else {
                    localStorage.pagecount = 1;
                }
    
                $("#lbllocalStoragemsg").text("大家好,我是:" + localStorage.lastname + "," + "我来了 " + localStorage.pagecount + " 次.");
    
    
                sessionStorage.lastname = "悦悦";
                //对用户访问页面的次数统计
                if (sessionStorage.pagecount) {
                    sessionStorage.pagecount = Number(sessionStorage.pagecount) + 1;
                }
                else {
                    sessionStorage.pagecount = 1;
                }
    
                $("#lblsessionStorage").text("大家好,我是:" + sessionStorage.lastname + "," + "我来了 " + sessionStorage.pagecount + " 次.");
            });
        </script>
    </head>
    <body>
    
    
    <p style="color:Fuchsia;font-size:30px">localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。</p>
    <div>
        <label id="lbllocalStoragemsg" ></label>
    </div>
    <p style="color:Fuchsia;font-size:30px">sessionStorage 方法针对一个session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。</p>
    <div>
        <label id="lblsessionStorage" ></label>
    </div>
    </body>
    </html>
    webStorage

  • 相关阅读:
    如何更改SQL Server2008默认数据库的存储路径
    虚拟内存页面文件pagefile.sys(棉文件)改变存放位置
    Redis热点数据高频访问问题以及解决方案
    gc日志收集和分析
    oauth2中client_id_to_access数据膨胀问题
    Redis慢查询日志
    24个Jvm面试题总结及答案
    springboot-使用assembly进行项目打包
    volatile关键字解读
    redis的zset结构跳表
  • 原文地址:https://www.cnblogs.com/huangzhen22/p/3255115.html
Copyright © 2011-2022 走看看