cookie:会话跟踪技术 客户端 session:会话跟踪技术 服务端
在网页中怎么查看cookie里面的数据情况?
1.可以在编辑器中输入document.cookie,然后打印或输出即可
2.Chrome浏览器中F12打开,开发者工具 —— Application面板中查找cookie即可
将网页中的数据保存到浏览器中
默认情况下cookie生命周期是一次会话(浏览器被关闭) 可以通过expires来设置cookie的生命周期
以下代码块示例怎么修改cookie的过期时间并设置到当天的时间
var date = new Date();
date.setDate(curTime.getDate()+1) //这里可以加一就是明天,也可以减一就是昨天也就看不到此数据,两者只能选其一
document.cookie = "name=xuyuxin;expires="+date.toGMTString()+";";
alert(document.cookie);
document.cookie = "name=xuyuxin;path=/;"
例如:
保存到了www.it666.com/jQuery/Ajax/路径下,
我们想在 www.it666.com/jQuery/Ajax/13-weibo/,
和 www.it666.com/jQuery/ 路径下也能访问
例如:
我们在www.it666.com下面保存了一个cookie,
那么我们在edu.it666.com中是无法访问的
如果想在edu.it666.com中也能访问, 那么我们需要再添加一个domain属性才可以;
document.cookie = "name=zs;path=/;domain=it666.com;";
*/
/**
* @param {*} option.key
* @param {*} option.value
* @param {*} option.path
* @param {*} option.domain
* @param {*} option.beOverDueTime
* @method 添加一条cookie数据
*/
function addCookie(option) {
//路径
var index = window.location.pathname.lastIndexOf("/"),
curPath = window.location.pathname.slice(0, index);
option.path = option.path || curPath;
//域名作用域
option.domain = option.domain || document.domain;
//过期时间
if(!option.beOverDueTime){
//没传则直接创建cookie
document.cookie = option.key+"="+option.value+";path="+option.path+";domain="+option.domain+";";
}else{
//创建cookie
var date = new Date();
date.setDate(date.getDate()+option.beOverDueTime);
document.cookie = option.key+"="+option.value+";path="+option.path+";domain="+option.domain+";expires="+date.toGMTString()+";";
}
}
/**
* @param {*} key
* @method 获取指定的cookie数据
*/
function getCookie(key){
for(var i = 0 ; i<document.cookie.split(";").length;i++){
if(document.cookie.split(";")[i].split("=")[0].trim()===key){
return document.cookie.split(";")[i].split("=")[1].trim();
}
}
}
/**
* @param {*} key
* @param {*} path
* @method 删除指定的cookie数据,注意点:默认只能删除默认路径的cookie数据,想删除别的路径的cookie,必须在调用函数前传入指定的路径即可删除
*/
function delCookie(key,path){
addCookie({
key:key,
value:getCookie(key),
path:path,
beOverDueTime: -1
})
}
hash能实现和cookie一样的功能,各有各的好处,hash使用起来被cookie方便许多
window.location.hash = 要添加的数据;
//在js中没有专门获取hash数据的函数,因此只能自寻方法这里用substring()函数截取
console.log(window.location.hash.substring(1)) //从索引为1的字符串开始截取
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有