练习题2_cookie.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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. function setCookie(name,value,expire){
  11. var date = new Date();
  12. var nowDate = date.getDate();
  13. date.setDate(nowDate+expire);
  14. var dateStr = date.toUTCString();
  15. document.cookie = name + "="+value+";expires="+dateStr;
  16. }
  17. // 设置cookie
  18. // 语法:setCookie(name,value,expire); 第一个key值 第二个value 第三个过期时间(日期天数)
  19. // setCookie("username","张三",1)
  20. // setCookie("age","18",1)
  21. function getCookie(name){
  22. var cookies = document.cookie;
  23. cookies = cookies.split(";")
  24. for(var i=0;i<cookies.length;i++){
  25. var resArr = cookies[i].split("=");
  26. if(resArr[0].trim() == name){
  27. return resArr[1];
  28. }
  29. }
  30. // console.log(cookies);
  31. }
  32. // 获取cookie
  33. // 语法:getCookie(name); 第一个key值
  34. var keyValue = getCookie("username");
  35. console.log(keyValue);
  36. // 删除cookie
  37. // 语法:deleteCookie(name); 第一个key值
  38. // 删除cookie其实就是把过期时间改为已经过去的时间
  39. function deleteCookie(name){
  40. setCookie(name,"",-1);
  41. }
  42. deleteCookie("age");
  43. </script>
  44. </body>
  45. </html>