欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

HTML5本地数据存储代码:

<script type="text/javascript">

                     function MyClick1(){

                            var username=$("#txtUserName").val(); 

                            var pwd=$("#txtPwd").val();

                            //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.removeItem("k_username");

                            //清除key

                            //localStorage.clear();

                            //删除所有

                            alert(localStorage.setItem("k_username"));

                            alert(localStorage.setItem("k_pwd"));

                     }

             

              </script>

                <input type="text" id="txtUserName" />

              <input type="password" id="txtPwd" />

              <input type="button" value="按钮1" onclick="MyClick1()" />

              <input type="button" value="按钮2" onclick="MyClick2()"/>

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h18220.shtml