zoukankan      html  css  js  c++  java
  • H5本地存储二

    众所周知,H5的storage有sessionstorage&localStorage,其中他们的共同特点是API相同

    下面直接上代码,storage中的存储与删除:

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>H5的storage</title>
    </head>
    <body>
        <input type='button' onclick='setItems()' value='存值' />
        <input type='button' onclick='getItems()' value='取值' />
        <input type='button' onclick='deleteItem()' value='删除' />
    </body>
    <script src="js/jquery.min.js"></script>
    <script>
        //localStorage存值永久有效
        function setItems(){
            var user = {};
            user.name = 'Adam Li';
            user.age  = 25;
            user.home = 'China';
            localStorage.setItem('userinfo',JSON.stringify(user));
        }
        //localStorage取值
        function getItems(){
            var data = JSON.parse(localStorage.getItem('userinfo'));
            console.log("name:"+data.name+'
     age:'+data.age+"
     home:"+data.home);
        }
    
        //localStorage删除指定键对应的值
        function deleteItem(){
            localStorage.removeItem('userinfo');
            console.log(localStorage.getItem('userinfo'));
        }
    </script>
    </html>
  • 相关阅读:
    EnumMap实现类
    java enum
    openssl生成RSA公钥和私钥对
    rsa 公钥 私钥
    eclispe 通过git向码云上传
    eclipse git 报 git: 401 Unauthorized
    HttpClient 超时时间
    HttpClient 4 和 HttpClient 3 超时
    Java RSA 生成公钥 私钥
    万能适配器
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/6684027.html
Copyright © 2011-2022 走看看