JS有关cookie的封装代码

最新推荐文章于 2023-12-21 14:55:03 发布

锄禾

最新推荐文章于 2023-12-21 14:55:03 发布

阅读量185

点赞数

分类专栏： js知识

本文链接：https://blog.csdn.net/qq_34816402/article/details/104192027

版权

js知识专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Cookie 的用途之一是存储用户在特定网站上的密码和 ID。另外，也用于存储起始页的首选项。在提供个人化查看的网站上，将要求阁下的网络浏览器利用阁下计算机硬驱上的少量空间来储存这些首选项。这样，每次阁下登录该网站时，阁下的浏览器将检查阁下是否就该唯一的服务器有任何预先定义的首选项（cookie）。如果有的话，浏览器将此 cookie 随阁下对网页的请求一起发送给服务器。Microsoft 和 Netscape 使用 cookie 在其网站上创建个人起始页。各家公司利用 cookie 的一般用途包括：在线定货系统、网站个人化和网站跟踪。

网站个人化是 cookie 最有益的用途之一。例如，当谁来到 CNN 网站，但并不想查看任何商务新闻。网站允许他将该项选为选项。从那时起（或者直到 cookie 逾期），他在访问 CNN 网页时将不会读到商务新闻。

折叠如何作用

文档的 HTML 代码中的命令行告诉浏览器设置某一名称或数值的 cookie。以下是用来设置 cookie 脚本的一个普通实例。

Set-Cookie: name = VALUE;

expires = DATE;

path = PATH;

domain = DOMAIN_NAME;

那邮箱地址么安全性如何？HTTP Cookie 不能用来从阁下的硬驱上检索个人数据、放置病毒、得到阁下的电子或偷窃有关阁下身份的敏感信息；然而，HTTP Cookie 可用来跟踪阁下在特定网站上的所到之处。不使用 cookie 就很难进行网站跟踪。

至于其他一切与因特网有关的事，如同阁下所希望的那样是匿名的。没有网站知道阁下是谁，除非阁下自己透露给网站。同时，cookie 只是为了更好地了解使用模式并改进网站访客的效率而采用的一个网站跟踪统计手段而已。

如果网站设计师旨在使网页能与访客更具互动作用，或者若设计师计划让访文自定义网站的外观，则就需要使用 cookie。而且，如果阁下想要网站在某些情况下改变其外观，cookie 则提供了一条快速、容易的途径，让阁下的 HTML 页面按需要而改变。最新型的服务器使用 cookie 有助于数据库的互动性，进而改进网站的整体互动性。

这里给大家看一下有关cookie封装的代码：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<script type="text/javascript">

function setCookie(name,value,n){ //（名 值 天数）

var oDate = new Date();

oDate.setDate(oDate.getDate()+n);

document.cookie = name+ "=" +value + ";expires=" +oDate+ ";path=/" ;

}

//创建四个cookie

//console.log(document.cookie); 获得的所有cookie字符串数据类型。

function getCookie(name){

var str = document.cookie;

var arr = str.split("; ");

for(var i = 0; i < arr.length; i++){

var newArr = arr[i].split("=");

if(newArr[0]===name){

return newArr[1];

}

}

}

function removeCookie(name){

setCookie(name,1,-1);

}

setCookie("student","mazikang-jiayou",10);

setCookie("student1","mazikang1-jiayou",10);

setCookie("student2","mazikang2-jiayou",10);

setCookie("student3","mazikang3-jiayou",10);

//console.log(document.cookie);

console.log(getCookie("student"));

removeCookie("student3");

</script>

</body>

</html>