21xrx.com
2025-04-03 06:24:03 Thursday
文章检索 我的文章 写文章
Javascript读写Cookie的方法
2023-06-15 00:33:32 深夜i     13     0
Javascript Cookie 读写操作

写和删除Cookie | Javascript读写Cookie的方法

在开发Web应用时,我们经常需要使用Cookie来存储一些用户信息或者应用状态。Javascript提供了简单的方法来读写Cookie。

首先,我们来看怎样写一个Cookie。下面的代码演示了如何使用Javascript写一个名为“username”的Cookie,并且将它的值设置为“John”:

document.cookie = 'username=John';

可以看到,我们实际上是将一个字符串赋值给了document.cookie属性。这个字符串的格式必须遵循一定的规则,即“键=值”的形式,多个键值对之间用分号隔开。下面的代码演示了写入多个Cookie的例子:

document.cookie = 'username=John; expires=Thu, 18 Dec 2043 12:00:00 UTC; path=/';
document.cookie = 'language=cn; expires=Thu, 18 Dec 2043 12:00:00 UTC; path=/';

在这个例子中,我们通过在字符串中添加额外的键值对来设置Cookie的其他属性,如过期时间和访问路径。

接下来,我们看怎么读Cookie。下面的代码演示了如何使用Javascript读取名为“username”的Cookie:

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

首先,我们使用String.split()方法将所有Cookie按分号分隔成一个数组。然后,我们使用一个循环遍历数组,将每个Cookie按“键=值”的格式再次分隔成一个数组。最后,我们判断当前Cookie的键是否为“username”,如果是,就将它的值赋值给一个变量。

当我们不再需要一个Cookie时,可以通过将expires属性设置为过去的时间来将其删除。下面的代码演示了如何删除名为“username”的Cookie:

document.cookie = 'username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/';

在这个例子中,我们将“username”的值设为空字符串,并将过期时间设置为1970年1月1日。这将使浏览器立即删除这个Cookie。

  
  

评论区

请求出错了