zoukankan      html  css  js  c++  java
  • H5的localStorage简单存储删除

    <!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>

    也可以把localStorage看成对象localStorage.key=value,清除可以用clear()方法。

  • 相关阅读:
    VC环境OpenSSL编译笔记
    手动造工具TaskJobManage
    Java性能分析工具
    ES77
    Flink消费kafka
    阻塞对列
    C# 超时事件
    毕业前做一件事
    PID控制器——控制网络爬虫速度
    2.5 OpenEuler 中C与汇编的混合编程(选做)
  • 原文地址:https://www.cnblogs.com/cosyer/p/6483138.html
Copyright © 2011-2022 走看看