5_cookie.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // cookie
  11. // cookie用于存储用户信息
  12. // 存储空间:4KB
  13. // cookie 不适用于存储大量信息 用于存储用户信息,例如用户名、密码等
  14. // 设置cookie document.cookie
  15. // 设置cookie时,需要指定cookie的名称和值 key=value(键值对)
  16. // 语法:document.cookie = "name=value; ";
  17. // 每次只能设置一个cookie
  18. // document.cookie = "username=张三";
  19. // document.cookie = "password=123";
  20. // cookie可以设置过期时间 expires 他是一个时间戳字符串
  21. // 语法:document.cookie = "name=value; expires=expire;";
  22. // 设置为明日过期
  23. var date = new Date();
  24. var nowDate = date.getDate();
  25. // 修改日期为明日
  26. date.setDate(nowDate+1);
  27. // 将日期转换为字符串
  28. var dateStr = date.toUTCString()
  29. document.cookie = "username=张三; expires="+dateStr;
  30. document.cookie = "password=123; expires="+dateStr;
  31. // 获取cookie document.cookie 会返回所有当前页面的cookie
  32. console.log(document.cookie);
  33. </script>
  34. </body>
  35. </html>