html5---本地存储账号

<!doctype html>
<html>
    <head>
    </head>
    <body>
    <script>
    //cookie存储量小,生存周期与sessionStoage一样,localStorage存储量大,永久保存
     document.cookie="name=zhangsan";
     alert(document.cookie);
     localStorage.setItem("name","lisi");
     alert(localStorage.getItem("name"));
     sessionStorage.setItem("name","wangwu");
     alert(sessionStorage.getItem("name"))
    </script>
    </body>
</html>



<!doctype html>
<html>
    <head>
    <script>
     window.onload=function  () {
      var names=document.getElementsByName("names")[0]; //获取姓名
      var pass=document.getElementsByName("pass")[0];  //获取密码
      var save=document.getElementsByName("save")[0];  //获取是否保存
      if(localStorage.getItem("names")&&localStorage.getItem("pass")){//如果本地已经存储过
         names.value=localStorage.getItem("names");     //更新
         pass.value=localStorage.getItem("pass");
         save.checked=true;
      }
      save.onclick=function  () {
       if(save.checked){    //如果要保存
         localStorage.setItem("names",names.value);
         localStorage.setItem("pass",pass.value);
       }else{
         localStorage.removeItem("names");
         localStorage.removeItem("pass");
       }
      }
     }
    </script>
    </head>
    <body>
       用户名:<input type ="text" name="names"><br/>
       密码:<input type="password" name="pass"><br/>
       是否永久保存<input type="checkbox" name="save">
    </body>
</html>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。