localStorage的存储功能-CSDN博客

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
   function MyClick1(){
       var username=$("#txtUserName").val();
       var pwd=$("#txtPwd").val();
   //sessionStorage存储周期：当前页面
   //   sessionStorage.setItem("k_username",username);
   //   sessionStorage.setItem("k_pwd",pwd);

       localStorage.setItem("k_username",username);
       localStorage.setItem("k_pwd",pwd);

       alert("存储成功");
   }

   function MyClick2(){
   //   alert(sessionStorage.getItem("k_username"));
   //   alert(sessionStorage.getItem("k_pwd"));
       //localStorage 将内容存在本地，不会随着浏览器窗口的关闭被清楚，可手动删除
       localStorage.removeItem("k_username");
       localStorage.clear();

       alert(localStorage.getItem("k_username"));
       alert(localStorage.getItem("k_pwd"));

   }

</script>
</head>
<body>
   <input type="text" id="txtUserName"/><br>
   <input type="password" id="txtPwd"/><br>
   <input type="button" value="按钮1" οnclick="MyClick1();"/>
   <input type="button" value="按钮2" οnclick="MyClick2();"/>

</body>
</html>