21xrx.com
2024-12-23 01:15:44 Monday
登录
文章检索 我的文章 写文章
Javascript读写Cookie的方法
2023-06-15 00:33:32 深夜i     --     --
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。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复