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

最新推荐文章于 2024-06-19 13:32:48 发布

柏油

最新推荐文章于 2024-06-19 13:32:48 发布

阅读量1k

点赞数

分类专栏： # JAVA WEB

本文链接：https://blog.csdn.net/ldw201510803006/article/details/75372834

版权

JAVA WEB 专栏收录该内容

59 篇文章 3 订阅

订阅专栏

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