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>
  • 相关阅读:
    linux apache + mysql +php no-yum
    linux apache + mysql +php
    1像素border
    vue-router配置
    错误Cannot find module 'stylus'
    高仿饿了么mock本地数据
    vue2.0高仿饿了么better-scroll
    npm 常用命令
    Gulp工具常用插件
    git总结
  • 原文地址:https://www.cnblogs.com/qiao20/p/7098675.html
Copyright © 2011-2022 走看看