COOKIE基础与应用

· cookie设置

document.cookie='user=frank';
document.cookie='pass=123456';
alert(document.cookie);

·  Date对象计算方法

var oDate=new Date();

//设置日期对象内部时间
//oDate.setDate(25);

//当前日期加上10天后的日期
oDate.setDate(oDate.getDate()+10);

alert(oDate.getFullYear()+'-'+(oDate.getMonth()+1)+'-'+oDate.getDate());

·   cookie过期时间设置

var oDate=new Date();

//设置6天之后过期
oDate.setDate(oDate.getDate()+6);

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


alert(document.cookie);

·  封装cookie

//设置
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);
};

·  记住上次的用户名

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.οnlοad=function ()
{
	var oForm=document.getElementById('form1');
	var oUser=document.getElementsByName('user')[0];

	oForm.οnsubmit=function ()
	{
		setCookie('user', oUser.value, 3);
	};
	oUser.value=getCookie('user');
};

笔记：

cookie基础与应用（只能用在FF浏览器测试）


·cookie基础
1.什么是cookie-页面用来保存信息的
2.cookie的特性
（1）同一个网站所有页面共享一套cookie
（2）数量、大小有限 （<50、4k-10k）
（3）过期时间
3.JS中使用cookie
document.cookie  


·使用cookie-1
1.cookie设置
（1）格式：名字=值
（2）值不会被覆盖、是添加
（3）expires:过期时间、oDate.setDate()：设置日期对象内部时间
（5）封装cookie： 
设置；
读取：字符串分割
删除cookie：setCookie（name，1，-1），让他-1天过期
2.cookie过期时间设置 --使用Date
没有设置过期时间，浏览器关闭会自动清除


·使用cookie-2
1.记住上一次的用户名
提交时——记录用户名
再打开读取用户名
form表单、onsubmit提交功能设置