11.本地存储.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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. document.cookie = "name = LLL";
  11. var date = new Date();
  12. // console.log(date.getDate())
  13. date.setDate(date.getDate() + 2);
  14. console.log(date);
  15. // console.log(date.toGMTString());
  16. document.cookie = "age = 10;expires =" + date.toUTCString();
  17. // 封装设置cookie方法
  18. function setCookies(cName,cValue,cTime) {
  19. var date = new Date();
  20. date.setDate(date.getDate() + cTime);
  21. document.cookie = cName + "=" + cValue + ";expires=" + date.toUTCString();
  22. }
  23. setCookies('a',20,3);
  24. setCookies('ab',1111,1);
  25. // 封装删除cookie方法
  26. function delCookies(key) {
  27. var date = new Date();
  28. date.setDate(date.getDate() - 1);
  29. document.cookie = key + "=null;expires=" + date.toUTCString();
  30. }
  31. delCookies("ab");
  32. // 封装获取cookie方法
  33. function getCookies(key) {
  34. var cookie = document.cookie;
  35. var arr = cookie.split(";");
  36. for(var i=0;i<arr.length;i++) {
  37. var item = arr[i].split("=");
  38. if(key == item[0].trim()) {
  39. return item[1];
  40. }
  41. }
  42. }
  43. console.log(getCookies("name"));
  44. </script>
  45. </body>
  46. </html>