zoukankan      html  css  js  c++  java
  • H5的storage(sessionstorage&localStorage)简单存储删除

    众所周知,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>
  • 相关阅读:
    关于Token
    利用Chrome模拟访问移动端网页
    文件上传
    final修饰符
    后台返回字符串类型function的处理 (递归算法)
    javascript typeof
    单点登录的原理与简单实现
    response.setHeader()的用法
    UML类图6种关系的总结
    子类父类属性的覆盖(继承)
  • 原文地址:https://www.cnblogs.com/qiao20/p/7098675.html
Copyright © 2011-2022 走看看