JavaScript Cookie介绍和实例

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

博childe

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

阅读量227

点赞数 1

文章标签： linux centos 运维

本文链接：https://blog.csdn.net/zhao__b/article/details/121641751

版权

什么是Cookie？

Cookie 是一些数据, 存储于你电脑上的文本文件中。

当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

Cookie 的作用就是用于解决 "如何记录客户端的用户信息"：

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

使用 JavaScript 创建Cookie

JavaScript 可以使用 document.cookie 属性来创建、读取、及删除 cookie。

JavaScript 中，创建 cookie 如下所示：

document.cookie="username=John Doe";

使用 JavaScript 读取 Cookie

在 JavaScript 中, 可以使用以下代码来读取 cookie：

var x = document.cookie;

使用 JavaScript 修改 Cookie

在 JavaScript 中，修改 cookie 类似于创建 cookie，如下所示：

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

旧的 cookie 将被覆盖。

JavaScript Cookie 实例

设置 cookie 值的函数

首先，我们创建一个函数用于存储访问者的名字：

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;
}

检测 cookie 值的函数

完整实例（这个需要先创建一个空白html，然后用Notepad++去编辑）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Cookie</title>
<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 οnlοad="checkCookie()"></body>

</html>

当创建好后打开这个网页就会弹出“请输入你的名字”，然后我们随便输一个点确定，就会进去，进去后会是一个空白界面。

当再次刷新页面就会弹出“欢迎cookie再次访问”

博childe

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript Cookie介绍和实例

什么是Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息"：当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。使用 JavaScript 创建CookieJavaScript 可以使用document.cookie属性来创建、读..
复制链接

扫一扫