您的位置：首页 > Web前端 > JavaScript

原生js设置,获取,删除cookie demo

2016-04-13 15:43 573 查看 
<pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>cookie 的应用——记住用户名</title>
</head>
<body>
<form action="#" id="myform">
<label for="username">用户名：</label><input type="text" name="username" id="username" />
<label for="password">密码：</label><input type="password" name="password" id="password" />
<input type="submit" value="登录" />
<a href="javascript:;">清除记录</a>
<span style="white-space:pre">		</span> </form>
<script type="text/javascript">
window.onload = function(){
var oForm = document.getElementById('myform');
var username = document.getElementById('username');
var password = document.getElementById('password');
var oClear = document.getElementsByTagName('a')[0];

username.value = getCookie("username");
password.value = getCookie("password");

//提交后，设置cookie
oForm.onsubmit = function(){
setCookie("username",username.value,30);
setCookie("password",password.value,30);
}

//清除cookie
oClear.onclick = function(){
removeCookie("username");
removeCookie("password");
username.value = "";
password.value = "";
}

//cookie.js

//设置cookie
function setCookie(name,value,hours){
var d = new Date();
d.setTime(d.getTime() + hours * 3600 * 1000);
document.cookie = name + '=' + value + '; expires=' + d.toGMTString();
}

//获取cookie
function getCookie(name){
var arr = document.cookie.split('; ');
for(var i = 0; i < arr.length; i++){
var temp = arr[i].split('=');
if(temp[0] == name){
return temp[1];
}
}
return '';
}

//删除cookie
function removeCookie(name){
var d = new Date();
d.setTime(d.getTime() - 10000);
document.cookie = name + '=1; expires=' + d.toGMTString();
}

}
</script>
</body>
</html>




                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航