码迷,mamicode.com
首页 > 其他好文 > 详细

localStorage的存储功能

时间:2017-05-09 21:54:21      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:title   删除   本地   txt   local   doctype   java   cal   min   

<!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>

localStorage的存储功能

标签:title   删除   本地   txt   local   doctype   java   cal   min   

原文地址:http://www.cnblogs.com/gf36500/p/6832472.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!