JavaScript写Cookie

JavaScript是一种广泛应用于网页中的编程语言，它可用于创建动态网页效果、操作文档内容等。在JavaScript中，我们可以使用Cookie来存储和读取网站数据，而这种方法在很多情况下也是非常有用的。

下面我们来看一下如何使用JavaScript来写Cookie。

1. 创建Cookie

如果要创建Cookie，我们需要使用document.cookie来设置它的值。下面是创建一个名为name、值为John的Cookie的代码：

document.cookie = "name=John";

当我们执行这段代码时，一个名为name的Cookie将被创建，并且它的值为John。同样，我们可以创建多个Cookie，只需要在它们之间使用分号进行分隔即可：

document.cookie = "name=John; age=30; city=New York";

这样就创建了三个Cookie：name、age和city，并且它们的值分别为John、30和New York。

2. 读取Cookie

如果要读取Cookie的值，我们需要将document.cookie分割为名称/值对，并且使用split()方法将分号和空格去掉。下面是读取一个名为name的Cookie的代码：

var cookies = document.cookie.split("; ");
for (var i = 0; i< cookies.length; i++) {
var cookie = cookies[i].split("=");
if (cookie[0] === "name") {
var value = cookie[1];
break;
}
}

这段代码首先将document.cookie分割为一个数组cookies，其中元素为每个Cookie的名称/值对。然后，我们遍历该数组，使用split()方法将每个名称/值对分割为名称和值，并检查名称是否为name。如果是，我们就将该值存储在变量value中，并且退出循环。

3. 存储Cookie的有效期

有时候我们需要使Cookie在一定时间后自动过期，以便我们可以在网站上设置会话的有效时间。为了存储Cookie的有效期，我们需要为Cookie设置一个expires属性，并将该属性设置为GMT格式的日期字符串。下面是一个设置Cookie失效日期的例子：

var today = new Date();
var expiry = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);
document.cookie = "name=John; expires=" + expiry.toGMTString();

在上面的代码中，我们创建了一个名为today的Date对象，然后使用它来计算失效日期。失效日期是当前日期加上30天（30 * 24 * 60 * 60 * 1000毫秒），即30天后的日期。然后我们使用toGMTString()方法将日期转换为GMT格式的日期字符串，将其设置为expires属性的值。

4. 存储Cookie的域名

有时候我们需要在不同的域名或子域名之间共享Cookie。为了将Cookie存储在指定的域或子域中，我们需要为Cookie设置一个domain属性，并将其设置为该域或子域的名称。下面是一个设置Cookie域名的例子：

document.cookie = "name=John; domain=example.com";

在上面的代码中，我们将Cookie的域名设置为example.com。这表示该Cookie将在example.com以及它的任何子域中可用。

5. 存储Cookie的路径

如果我们只想在网站的特定路径下使用Cookie，则需要为Cookie设置一个path属性，并将其设置为该路径的名称。下面是一个设置Cookie路径的例子：

document.cookie = "name=John; path=/blog";

在上面的代码中，我们将Cookie的路径设置为/blog。这表示该Cookie将在网站的/blog路径下可用。

总结

通过JavaScript，我们可以使用Cookie来存储和读取网站数据，并且我们还可以使用expires、domain和path属性来指定Cookie的有效期、域名和路径。在实际开发中，我们可以将Cookie用于用户登录信息、购物车数据等方面，从而为用户提供更好的网站体验。