练习3_cookie.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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. function setCookie(key,value,timer){
  12. // 设置key 和 value
  13. var keyVal = key + "=" + value;
  14. // 设置过期时间
  15. var now = new Date();
  16. now.setDate(now.getDate() + timer);
  17. var timerStr = ";expires=" + now.toUTCString();
  18. // 设置cookie
  19. document.cookie = keyVal + timerStr;
  20. }
  21. // 获取cookie
  22. function getCookie(key){
  23. // 获取所有cookie
  24. var thisCookie = document.cookie;
  25. // 拆分cookie
  26. var cookieArr = thisCookie.split(";");
  27. // 遍历cookie
  28. for(var i=0;i<cookieArr.length;i++){
  29. var cookieKey= cookieArr[i].split("=");
  30. // trim()去除字符串左右空格
  31. // console.log(cookieKey[0].trim());
  32. if(cookieKey[0].trim() == key){
  33. return cookieKey[1]
  34. }
  35. }
  36. }
  37. // 删除cookie
  38. function delCookie(key){
  39. // 设置cookie 过期时间为-1
  40. setCookie(key,'',-1);
  41. }
  42. // 设置一个cookie name=张三 过期时间为10天后
  43. setCookie('name','张三',10);
  44. setCookie('age',18,10);
  45. setCookie('sex','男',10);
  46. // 获取cookie
  47. console.log(getCookie('sex'));
  48. // 删除cookie
  49. delCookie('sex');
  50. </script>
  51. </body>
  52. </html>