Javascript读写Cookie的方法 |21xrx.com

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。

上一篇: idea打包java可执行jar包

下一篇: 我是一名Java开发工程师

评论区

()

相似文章