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

最新推荐文章于 2023-06-29 14:42:18 发布

rudy24

最新推荐文章于 2023-06-29 14:42:18 发布

阅读量1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/rudy24/article/details/51144022

版权

javascript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

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

rudy24

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
原生js设置,获取,删除cookie demo

cookie 的应用——记住用户名用户名：密码：清除记录 window.onload = function(){ var oForm = document.getElementById('myform'); var oTxt1 = document.getEleme
复制链接

扫一扫