在PHP和JavaScript中设置Cookie、会话存储（SessionStorage）和本地存储（LocalStorage）

A. Cookie介绍

B. 会话存储介绍

C. 本地存储介绍 

1. 在 PHP 中设置 Cookie

使用规范

新建Cookie

新建、删除Cookie示范

 获取Cookie

2. 在 PHP 中设置 会话存储

使用规范

设置会话存储

获取会话存储

3. 在 PHP 中设置 本地存储

4. 在 JavaScript 中设置 Cookie

使用规范

新建、获取Cookie

新建、删除Cookie示范

获取Cookie

5. 在 JavaScript 中设置 会话存储

使用规范

查看是否支持会话存储 

新建、删除、获取会话存储

6. 在 JavaScript 中设置 本地存储

使用规范

查看是否支持本地存储

新建、删除、获取本地存储

• setcookie函数与setrawcookie函数参数解释

  参数名称

  参数选项

  参数解释

  name必选名称value必选值expire可选

  有效期

  path可选服务器路径domain可选作用域名secure可选连接方式（是否以安全HTTPS连接）

  setcookie函数与setrawcookie函数返回值解释

  返回值	返回类型	返回值解释
  true	bool	表示Cookie值设置成功
  false	bool	表示Cookie值设置失败

  setCookie函数参数解释

  参数名称

  参数选项

  参数解释

  name必选名称value必选值time必选

  有效期

   setCookie函数没有返回值。

  getCookie函数参数解释

  参数名称	参数选项	参数解释
  name	必选	要查询Cookie的名称

  getCookie函数返回值解释

  返回值	返回类型	返回值解释
  ""	string	表示Cookie值查询失败或没有此Cookie
  【具体值】	string	表示Cookie值查询成功，返回具体Cookie值

  新建、删除Cookie示范

  如PHP，新建Cookie和删除Cookie与PHP相关操作相差不多，删除Cookie即将Cookie作用时间提前——如下：

  // 新建Cookie
  document.cookie = "name=value1; expires=Sun, 31 Dec 2025 12:00:00 UTC; path=/";// 覆盖Cookie
  document.cookie = "name=value2; expires=Sun, 31 Dec 2025 12:00:00 UTC; path=/";// 删除Cookie
  document.cookie = "name=value1; expires=Sun, 31 Dec 2022 12:00:00 UTC; path=/";

  JavaScript有关会话存储的方法 类别方法新建sessionStorage.setItem("name", "value");新建sessionStorage.name = "value";新建sessionStorage["name"] = "value";获取sessionStorage.getItem("name");获取sessionStorage.name;获取sessionStorage["name"];删除sessionStorage.removeItem(name); // 删除单个数据删除sessionStorage.clear(); // 清除所有数据

  • 6. 在 JavaScript 中设置 本地存储

  使用规范

  在JavaScrpit中，设置会话存储和设置本地存储的API是相同的。仅需将会话存储sessionStorage和本地存储localStorage部分相互转换即可。

  查看是否支持本地存储

  if (！window.localStorage) {
      // ! window.localStorage返回true值，不支持localStorage
      console.log("浏览器不支持localStorage"); 
  } else {
      // ! window.localStorage返回false值，支持localStorage
  }

   新建、删除、获取本地存储

  参考【5. 在 JavaScript 中设置 会话存储     -     新建、删除、获取会话存储】。