cookie

最新推荐文章于 2023-04-07 14:28:49 发布

一只攻城狮√

最新推荐文章于 2023-04-07 14:28:49 发布

阅读量328

点赞数

分类专栏： js html 文章标签： cookie

本文链接：https://blog.csdn.net/GHL1996/article/details/82961151

版权

html 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

cookie的简介

Cookie 是一些数据, 存储于你电脑上的文本文件中。
当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:

1.当用户访问 web 页面时，他的名字可以记录在 cookie 中。
2.在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

创建cookie

JavaScript 可以使用 document.cookie 属性来创建、读取、及删除 cookie。
document.cookie=“username=Li Ming”;

读取cookie

var x = document.cookie;

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>

在这里插入图片描述