js中cookie的使用

cookie用来保存页面信息,比如自动登录,记住用户名等。

cookie特性:

同一个网站所有页面共享一套cookie。

cookie的数量大小有限。

有过期时间。不安全。

1、设置cookie。

cookie的格式:

名字=值

document.cookie="name=admin";

特点:不会覆盖

如果再写一条语句,document.cookie="password=12344";

弹出document.cookie,会发现弹出的是"name=admin; password=12344",有别于其他等号赋值。

设置过期时间

expires=时间

需要清楚日期对象的使用,new Date()对象,得到现在时间,再加上cookie保存时间,计算出保存截止日期。

function setCookie(name,value,iDay){
	var oDate=new Date();
	oDate.setDate(oDate.getDate()+iDay);
	document.cookie=name+'='+value+';expires='+oDate;
}
测试,通过看页面详细信息的cookie可以看到保存的信息。

2、读取cookie。

读取的cookie是一串字符串,大概是"name=admin; password=12344;..."的格式

所以需要将字符串以'; '为分隔符分割成数组。

字符串分割

cookie.split('; ')函数分割成数组,保存在arr中,

则arr1[0]->"name=admin"

我们希望通过名称找到对应的值,所以需要继续拆分,以‘=’为分隔符,则每个arr1[i]都可以分割成长度为2的数组arr2,

arr[0]为名称,arr[1]为值,循环比较查找出对应的value。

function getCookie(name){
	var cookie=document.cookie.split('; ');
	for(var i=0;i<cookie.length;i++){
		var a=cookie[i].split('=');
		if(a[0]==name){
			return a[1];
		}
	}
	return '';
}
3、清除cookie

将cookie的时间设成过期即可。管用的小办法~

function remove(name){
      setCookie(name,'1','-1');
}


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为value example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar ************************************************************* jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为valu e example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar ************************************************************** jQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为value example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example $.cookie(’name’, ‘value’); 新建cookie example $.cookie(’name’, null); 删除一个cookie var account= $.cookie('name'); 取一个cookie(name)值给myvar

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值