js中设置cookie以及获取cookie

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

Spider_man_

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

阅读量9.9k

点赞数 3

分类专栏： js和jquery

本文链接：https://blog.csdn.net/chengmo123/article/details/88880003

版权

js和jquery 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

当用户访问 web 页面时，他的名字可以记录在 cookie 中。

在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

Cookie 以名/值对形式存储

js中可以通过document.cookie属性来创建，读取以及删除cookie

创建cookie

document.cookie="username=John Doe";

可以为cookie添加过期时间（UTC或GMT时间）默认情况下，cookie在浏览器关闭时删除

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";

可以使用path参数设置cookie路径，默认情况下cookie属于当前页面

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

读取cookie

var x=document.cookie;

修改cookie

修改cookie类似与创建cookie

document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

删除cookie

只需要设置expires参数为以前时间即可，如Thu ，01 jan 1970 00：00:00GMT

document.cookie='username=;expires=Thu,01 Jan 1970 00:00:00 GMT'

如果设置了新的 cookie(名字不一样)，旧的 cookie 不会被覆盖。新 cookie 将添加到 document.cookie 中，所以如果重新读取document.cookie，将获得所有cookie

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<head>
<script>
function setCookie(cname,cvalue,exdays){
	var d = new Date();
	d.setTime(d.getTime()+(exdays*24*60*60*1000));
	var expires = "expires="+d.toGMTString();
	document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){
	var name = cname + "=";
	var ca = document.cookie.split(';');
	for(var i=0; i<ca.length; i++) {
		var c = ca[i].trim();
		if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
	}
	return "";
}
function checkCookie(){
	var user=getCookie("username");
	if (user!=""){
		alert("欢迎 " + user + " 再次访问");
	}
	else {
		user = prompt("请输入你的名字:","");
  		if (user!="" && user!=null){
    		setCookie("username",user,30);
    	}
	}
}
</script>
</head>
	
<body onload="checkCookie()"></body>
	
</html>

Spider_man_

关注

3
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
js中设置cookie以及获取cookie

当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。Cookie 以名/值对形式存储js中可以通过document.cookie属性来创建，读取以及删除cookie创建cookiedocument.cookie="username=John Doe";可以为cookie添加过期时间（UTC或...
复制链接

扫一扫