10
0

练习题2_cookie.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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,val,time){
  12. var timer = new Date();
  13. timer.setDate(timer.getDate()+time);
  14. console.log(timer.toUTCString());
  15. document.cookie = `${key}=${val};Expires=${timer.toUTCString()}`;
  16. }
  17. // 根据key值获取本地cookie
  18. function getCookie(key){
  19. var cookieVal = document.cookie;
  20. cookieVal = cookieVal.split(";")
  21. console.log(cookieVal);
  22. var valStr = "";
  23. for(var i=0;i<cookieVal.length;i++){
  24. // console.log(cookieVal[i].split("="))
  25. // 将每一个键值对根据“=”进行分割 分别值key值(第一个值) vlaue值(第二个值)
  26. var keyStr = cookieVal[i].split("=")[0];
  27. valStr = cookieVal[i].split("=")[1]
  28. // 去除掉字符串左右两边的空格
  29. keyStr = keyStr.trim();
  30. if(keyStr == key){
  31. return valStr;
  32. }
  33. }
  34. return valStr
  35. }
  36. // 删除cookie
  37. function delCookie(key){
  38. var timer = new Date();
  39. // 把当前时间设置为过期时间
  40. timer.setDate(timer.getDate()-2);
  41. document.cookie = `${key}=null;Expires=${timer.toUTCString()}`;
  42. }
  43. // setCookie("username","小张",3);
  44. // setCookie("password","123",3);
  45. // setCookie("school","黑大",3);
  46. // console.log(getCookie("password"));
  47. delCookie("username");
  48. delCookie("password");
  49. </script>
  50. </body>
  51. </html>