JavaScript实现cookie的写入、读取、删除功能

了解Cookie：存储于客户端的字符串信息

Cookie，这个存储于访问者的计算机中的变量，每次通过浏览器请求某个页面时，都会发送这个Cookie。JavaScript可以创建和取回Cookie的值。从JavaScript的角度看，Cookie就是一些字符串信息，存放在客户端的计算机中，用于客户端计算机与服务器之间的信息传递。

了解一下什么是Cookie。Cookie是访问过的网站创建的文件，用于存储浏览信息，如个人资料等。这些信息方便我们下次访问时，网站能记住我们的偏好，提供更个性化的服务。由于Cookie是存储在客户端的，所以其安全性相对较低，不建议存放重要信息。

关于Cookie的基础知识，我们需要知道的是，每个Cookie的大小不能超过4kb。Cookie的格式是=<值>，名称和值都必须是合法的标识符。Cookie是有有效期的。默认情况下，一个Cookie的生命周期就是在浏览器关闭的时候结束。如果想要Cookie在浏览器关闭后还能使用，就需要为它设置有效期，也就是Cookie的失效日期。

在JavaScript中操作Cookie相对简单。创建Cookie的方式和定义变量的方式有些相似，都需要使用Cookie名称和Cookie值。同个网站可以创建多个Cookie，而多个Cookie可以存放在同一个Cookie文件中。对于Cookie的读取和删除，我们可以使用JavaScript的document.cookie来实现。

我们需要了解的是，Cookie存在两种类型：一种是当前网站本身设置的Cookie，另一种是来自在网页上嵌入的广告或图片等其他域来源的第三方Cookie。Cookie大致可分为两种状态：临时性质的Cookie和设置失效时间的Cookie。临时Cookie在浏览器关闭后会自动删除，而设置失效时间的Cookie则会在计算机中保留一段时间。

关于Cookie的清除，我们可以通过浏览器工具或设置Cookie的有效期来实现。删除Cookie有时可能导致某些网页无法正常运行。浏览器可以通过设置来接受和拒绝访问Cookie。出于功能和性能的原因考虑，建议尽量降低Cookie的使用数量，并且要尽量使用小Cookie。

最后要注意的是，对于Cookie编码的细节问题将会在高级篇中单独介绍。希望这篇文章能帮助大家更好地理解Cookie的基础知识，为后续的学习打下基础。对于本地磁盘中的页面，Chrome浏览器的控制台不能直接使用JavaScript进行cookie的读写操作，这时，我们不妨换一种浏览器来解决问题。但在其他浏览器中进行操作时，也需要确保遵守浏览器的安全策略和规定。

本章节将为您详细展示JavaScript对cookie的基本操作，包括写入、读取和删除。这对于初学者或者对cookie操作不太熟练的朋友来说，将是非常有价值的参考。

一、写入cookie：

在JavaScript中，我们可以定义一个函数来写入cookie。这个函数需要两个参数：一个是cookie的名称，另一个是值。下面是一个简单的示例：

```javascript

function SetCookie(name, value) {

var Days = 30; // 此cookie将被保存30天

var exp = new Date(); // 获取当前时间

exp.setTime(exp.getTime() + Days 24 60 60 1000); // 计算过期时间

document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); // 设置cookie

}

```

二、读取cookie：

对于读取cookie，我们可以使用以下函数：

```javascript

function getCookie(name) {

var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;])(;|$)"));

return arr ? unescape(arr[2]) : null;

}

```

三、删除cookie：

删除cookie其实是通过设置其过期时间为过去的时间来实现的。以下是删除cookie的函数：

```javascript

function delCookie(name) {

var exp = new Date(); // 获取当前时间

exp.setTime(exp.getTime() - 1); // 设置时间为过去的时间

var cval = getCookie(name); // 获取cookie的值

if (cval != null) {

document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString(); // 设置过期时间，实现删除效果

}

}

```

以上就是对JavaScript操作cookie的基本介绍，希望这些内容对您有所帮助。无论您是初学者还是希望复习巩固的朋友，都可以从中受益。请注意在实际应用中遵守相关的隐私和安全规定。