8_cookie.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334
  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. <h1>cookie</h1>
  10. <script>
  11. // document.cookie cookie 操作防范
  12. document.cookie = 'name=张三';
  13. document.cookie = 'age=18';
  14. document.cookie = 'sex=男';
  15. // 设置cookie 过期时间
  16. // var now = new Date();
  17. // // setDate 设置日期
  18. // now.setDate(now.getDate() + 1);
  19. // console.log(now)
  20. // // toUTCString() 转换为UTC格式的日期字符串
  21. // document.cookie = "name=张三;expires="+ now.toUTCString();
  22. // 读取cookie
  23. // console.log(document.cookie)
  24. // cookie 与 localStorage、sessionStorage 对比
  25. // cookie 可以设置过期时间 localStorage、sessionStorage 不可以
  26. // cookie 可存储大小为4k localStorage、sessionStorage为5M
  27. // cookie 可以随着http请求一起发送到服务器端 localStorage、sessionStorage 不可以
  28. </script>
  29. </body>
  30. </html>