JS实现清除指定cookies的方法

沃梦达教程前端开发

2024-01-14

清除指定的cookie，可以使用以下JS代码：

清除指定的cookie，可以使用以下JS代码：

function clearCookie(name) {
  document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

此代码中，我们定义了一个clearCookie函数，这个函数需要传递一个cookie名作为参数。在函数内部，我们使用document.cookie获取所有的cookie，然后设置了一个过去的日期值来使cookie过期。这样就完成了cookie的清除。

接下来，我们来看一下使用示例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>清除指定Cookie</title>
</head>
<body>
  <p>点下面的按钮清除cookie1</p>
  <button onclick="clearCookie('cookie1')">清除cookie1</button>
  <script>
    function clearCookie(name) {
      document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    }
  </script>
</body>
</html>

在这个示例中，我们首先定义了一个按钮，使用onclick事件绑定了clearCookie函数，同时传递了cookie1作为参数。当我们点击这个按钮，就会清除cookie1的值。

除了使用函数的方式，我们还可以直接使用一行代码来清除指定的cookie:

document.cookie = "cookieName=;expires=Thu, 01 Jan 1970 00:00:01 GMT;";

这行代码完成了清除cookieName的操作，通过设置一个过去的日期来使其过期。我们也可以将其加入到函数中，实现更加易用的cookie清除方式。

沃梦达教程

本文标题为：JS实现清除指定cookies的方法

上一篇：使用JavaScript修改浏览器URL地址栏的实现代码

下一篇：页面间固定参数,通过cookie传值的实现方法