COOKIE基础与应用

最新推荐文章于 2022-08-04 11:51:24 发布

o0o0o0o0o0oo

最新推荐文章于 2022-08-04 11:51:24 发布

阅读量125

点赞数

本文链接：https://blog.csdn.net/o0o0o0o0o0oo/article/details/107121322

版权

javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

什么是cookie
页面用来保存信息
比如：自动登录、记住用户名
cookie的特性
同一个网站中所有页面共享一套cookie
数量、大小有限
过期时间
JS中使用cookie
document.cookie
Date函数的使用

<script>
var oDate=new Date();

oDate.setDate(oDate.getDate()+100);//计算当前日期+100天

alert(oDate.getFullYear()+'-'+(oDate.getMonth()+1)+'-'+oDate.getDate());
</script>

cookie的使用

设置cookie
格式：名字=值
不会覆盖

<script>
document.cookie='user=blue';		//添加
document.cookie='pass=123456';

alert(document.cookie);
</script>

过期时间：expires=时间
日期对象的使用

<script>
var oDate=new Date();

oDate.setDate(oDate.getDate()+14);//计算时间

document.cookie='user=blue;expires='+oDate;

alert(document.cookie);
</script>

封装

function setCookie(name, value, iDay)
{
	var oDate=new Date();
	oDate.setDate(oDate.getDate()+iDay);
	
	document.cookie=name+'='+value+';expires='+oDate;
}

读取cookie
字符串分割

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

删除cookie
已经过期

function removeCookie(name)
{
	setCookie(name, 1, -1);
}

<script>
function setCookie(name, value, iDay)
{
	var oDate=new Date();
	oDate.setDate(oDate.getDate()+iDay);
	
	document.cookie=name+'='+value+';expires='+oDate;
}

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

function removeCookie(name)
{
	setCookie(name, 1, -1);
}

setCookie('userName', 'dancingblue', 365);
setCookie('password', '123456', 14);

//alert(document.cookie);
//alert(getCookie('sex'));
removeCookie('password');
alert(document.cookie);
</script>

例子：
用cookie记录上次登录的用户名
提交时——记录用户名
window.onload——读取用户名

<script>
function setCookie(name, value, iDay)
{
	var oDate=new Date();
	oDate.setDate(oDate.getDate()+iDay);
	
	document.cookie=name+'='+value+';expires='+oDate;
}

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

function removeCookie(name)
{
	setCookie(name, 1, -1);
}

window.onload=function ()
{
	var oForm=document.getElementById('form1');
	var oUser=document.getElementsByName('user')[0];
	
	oForm.onsubmit=function ()
	{
		setCookie('user', oUser.value, 14);
	};
	
	oUser.value=getCookie('user');
};
</script>
</head>

<body>
<form id="form1" action="http://www.zhinengshe.com/">
	用户名：<input type="text" name="user" /><br>
    密码：<input type="password" name="pass" /><br>
	<input type="submit" value="登陆" />
</form>
</body>

o0o0o0o0o0oo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
COOKIE基础与应用

什么是cookie页面用来保存信息比如：自动登录、记住用户名cookie的特性同一个网站中所有页面共享一套cookie数量、大小有限过期时间JS中使用cookiedocument.cookieDate函数的使用<script>var oDate=new Date();oDate.setDate(oDate.getDate()+100);//计算当前日期+100天alert(oDate.getFullYear()+'-'+(oDate.getMon..
复制链接

扫一扫

专栏目录