zoukankan      html  css  js  c++  java
  • localStorage的存储功能

    <!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" onclick="MyClick1();"/>
        <input type="button" value="按钮2" onclick="MyClick2();"/>
        
    </body>
    </html>

  • 相关阅读:
    macOS 常用配置
    maven 常用配置
    log4j(1.x)最全配置!!!
    Python2 中 input() 和 raw_input() 的区别
    用 Maven 构建 Java-Scala 混合项目
    trim() 的秘密
    【目录】一起来学 Kafka 吧
    Spring in Action.4th
    Hibernate快速入门
    html2canvas 跨域图片无法正常加载问题解决办法
  • 原文地址:https://www.cnblogs.com/gf36500/p/6832472.html
Copyright © 2011-2022 走看看