H5本地储存 Web Storage

Web Storage

localStorage sessionStorage

localStorage (生命周期 永久)

获取localStotage对象 let Ls = window.localStorage;

1. getItem(key) 获取指定key所存储的value值
2. key(index) 返回列表中对应索引的key值
3. length 属性 返回key/value对列表的长度
4. removeItem(key) 从Storage中删除一个对应的键值对
5. setItem(key,value) 将value存储到key指定的字段中。
6. clear() 移除Srotage中所有的key/value 对

设置获取key/value简便方法 localStorage.key = ‘value’ 获取：localStorage.key

sessionStorage (生命周期 ： 持续到页面关闭)

1. getItem(key) 获取指定key所存储的value值
2. key(index) 返回列表中对应索引的key值
3. length 属性 返回key/value对列表的长度
4. removeItem(key) 从Storage中删除一个对应的键值对
5. setItem(key,value) 将value存储到key指定的字段中。
6. clear() 移除Srotage中所有的key/value 对

   <div>注册</div>
    <input type="text" id="Zname"> <br>
    <input type="text" name="" id="Zpassword"><br>
  

    <input type="submit" onclick="zhuCe()">
    <br>
    <br><br><br><br><br>
    <div>登录</div>
    <input type="text" id="name"><br>
    <input type="text" name="" id="password"><br>
    
    <input type="submit" onclick="checkRight()"><br>


 function zhuCe(){
        let ZName = document.getElementById('Zname');
        let ZPass = document.getElementById('Zpassword');

        let yonghu = window.localStorage;
        yonghu.setItem(ZName.value,ZPass.value);

        if(yonghu){
            alert('注册成功');
        }else{
            alert('false!')
        }
    }
   function checkRight(){
       let CName = document.getElementById('name').value;
       let CPass = document.getElementById('password').value;
       
       if(window.localStorage.getItem(CName)){
           if(window.localStorage.getItem(CName) == CPass){
               alert('succsse!')
           }else{
               alert('false')
           }
       }else{
           alert('false')
       }
   }

原文地址：https://www.qianqianhaiou.cn/index.php/archives/93/