11.本地存储.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. /**
  11. * cookie:
  12. * 大小:4KB
  13. * 会随着请求发到服务器
  14. * 过期时间必须手动设置 否则浏览器关闭则小时
  15. * 存储格式必须是字符串
  16. * 不能直接存对象
  17. */
  18. document.cookie = 'name = aa';
  19. let data = new Date();
  20. data.setDate(data.getDate() + 2);
  21. document.cookie = 'news = 你好;expires=' + data.toUTCString();
  22. function setCookie(cName, cValue, cTime) {
  23. let data = new Date();
  24. data.setDate(data.getDate() + cTime);
  25. document.cookie = cName + '=' + cValue + ';expires=' + data.toUTCString();
  26. }
  27. setCookie('a', 1, 30);
  28. function delCookie(cName) {
  29. let data = new Date();
  30. data.setDate(data.getDate() - 1);
  31. document.cookie = cName + '=null;expires=' + data.toUTCString();
  32. }
  33. delCookie("news");
  34. function getCookie(cName) {
  35. let cookie = document.cookie;
  36. let arr = cookie.split(';');
  37. for(let i=0;i<arr.length;i++) {
  38. let item = arr[i].split('=');
  39. if(item[0].trim() === cName) {
  40. return item[1];
  41. }
  42. }
  43. }
  44. console.log(getCookie("a"));
  45. </script>
  46. </body>
  47. </html>