js技术--cookie基础（封装cookie、使用cookie记录上一次用户登录名）

女爷i 2024-02-17 23:31 41阅读 0赞

案例1：cookie

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			window.onload = function(){
    				var oDate = new Date();
    				oDate.setDate(oDate.getDate()+1);
    				
    				document.cookie = 'user=ldw;expires='+oDate;
    				alert(document.cookie);
    			}
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

案例2：封装cookie

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			window.onload = function(){  
    				function setCookie (name,value,iDate){  //创建cookie
    					var oDate = new Date();
    					oDate.setDate(oDate.getDate()+iDate);
    					
    					document.cookie = name+'='+value+';expires='+oDate;
    				}
    				
    				//alert(document.cookie);
    				function getCookie(name){  //获取cookie
    					var aCookie = document.cookie.split('; ');
    					for(var i = 0; i < aCookie.length; i++){
    						var aName = aCookie[i].split('=');
    						if(aName[0] == name){
    							return aName[1];
    						}
    					}
    					return '没有这个cookie';
    				}
    				
    				//alert(getCookie('sdf'));
    				
    				function removeCookie(name){  //删除cookie
    					setCookie(name,1,-1);
    				}
    				
    				removeCookie('ldw');
    				alert(document.cookie);
    			}
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

案例3：使用cookie记录上一次用户登录名

<!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			function setCookie(name, value, iDate) { //创建cookie
    				var oDate = new Date();
    				oDate.setDate(oDate.getDate() + iDate);
    
    				document.cookie = name + '=' + value + ';expires=' + oDate;
    			}
    
    			function getCookie(name) { //获取cookie
    				var aCookie = document.cookie.split('; ');
    				for(var i = 0; i < aCookie.length; i++) {
    					var aName = aCookie[i].split('=');
    					if(aName[0] == name) {
    						return aName[1];
    					}
    				}
    				return '没有这个cookie';
    			}
    
    			function removeCookie(name) { //删除cookie
    				setCookie(name, 1, -1);
    				alert(getCookie('user'));
    			}
    			
    			window.onload = function() {
    				var oForm = document.getElementById('form1');
    				var aName = document.getElementsByName('user')[0];
    
    				oForm.onsubmit = function() {
    					setCookie('user', aName.value, 14);
    				}
    				
    				aName.value = getCookie('user');
    
    			}
    		</script>
    	</head>
    
    	<body>
    		<form action='http://www.zhinengshe.com/' id='form1'>
    			用户名：<input name='user' type="text" /><br> 密码：
    			<input name='password' type='password' /><br>
    			<input type="submit" value="提交" />
    		</form>
    	</body>
    
    </html>