练习2_cookie.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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. // 1.创建cookie
  11. function setCookie(name, value, day) {
  12. let timer = new Date();
  13. timer.setDate(timer.getDate() + day);
  14. document.cookie = `${name}=${value};expires=${timer.toUTCString()}`
  15. }
  16. // setCookie('school', '黑大', 3);
  17. // setCookie('userName', '张三', 3);
  18. // setCookie('age', '18', 3);
  19. // 2.获取cookie
  20. function getCookie(cookieName) {
  21. let cookieArr = document.cookie.split(';');
  22. for (let i = 0; i < cookieArr.length; i++) {
  23. let cookieKey = cookieArr[i].split("=")[0].trim();
  24. // cookieKey = cookieKey.trim();
  25. if (cookieKey === cookieName) {
  26. // console.log(cookieArr[i].split("=")[1]);
  27. return cookieArr[i].split("=")[1];
  28. }
  29. }
  30. }
  31. // console.log(getCookie('age'));
  32. // 3.删除cookie
  33. function removeCookie(cookieName) {
  34. // let timer = new Date();
  35. // timer.setDate(timer.getDate() - 1);
  36. // document.cookie = `${cookieName}=1;expires=${timer.toUTCString()}`
  37. setCookie(cookieName, 1, -1);
  38. }
  39. removeCookie('userName');
  40. </script>
  41. </body>
  42. </html>