zoukankan      html  css  js  c++  java
  • HTML5 localStorage

    Html5新出的Storage对象,分成2种:sessionStorage和localStorage。注意:首字母都是小写--->window.sessionStorage和window.localStorage

    API一致:getItem, setItem, clear, length, removeItem, key

    sessionStorage.key(1)--->返回第2个item的key

    试验了localStorage,发现大多数浏览器都能用这个对象了

    无论是刷新页面也好,关闭浏览器也好,都会remember住localStorage的values

    代码如下:

    <body>
        <label id="lbl">-</label>
        <input type="button" onclick="javascript:AddOne();RefreshCount();" value="Add" />
        <script language="javascript" type="text/javascript">
        <!--
            function AddOne() {
                if (window.localStorage.Count == null || window.localStorage.Count == undefined)
                    window.localStorage.Count = 0;
                window.localStorage.Count = parseInt(window.localStorage.Count) + 1;
            }
    
            function RefreshCount() {
                document.getElementById("lbl").innerHTML = window.localStorage.Count;
            }
    
            if (window.localStorage == null || window.localStorage == undefined)
                alert("window.localStorage not support.");
            else
                RefreshCount();
        //-->
        </script>
    </body>
  • 相关阅读:
    为什么你需要升级 pip
    将py文件封装为exe
    Kafka原理分析之基础篇
    顶象验证码破解与研究
    优秀学员学习总结分享(三)
    优秀学员学习总结分享(二)
    ES6数组的扩展--Array.from()和Array.of()
    ES6核心特性
    优秀学员学习总结分享(一)
    JavaScript常见的六种继承方式
  • 原文地址:https://www.cnblogs.com/aarond/p/localstorage.html
Copyright © 2011-2022 走看看