练习2_cookie.html 1.6 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. <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
  8. </head>
  9. <body>
  10. <script>
  11. // 1. 储存cookie
  12. function setCookie(key,val,timer){
  13. var now = new Date();
  14. var nowDate = now.getDate();
  15. now.setDate(nowDate + timer);
  16. var nowTime = now.toUTCString();
  17. document.cookie = key+"="+val+";Expires="+nowTime;
  18. }
  19. // setCookie("username","张三",2);
  20. // setCookie("userage","18",2);
  21. // setCookie("usersex","男",2);
  22. // setCookie("userphone","13800000000",2);
  23. // 获取cookie
  24. function getCookie(key){
  25. var cookie = document.cookie;
  26. // console.log(cookie);
  27. var cookieArr = cookie.split(";");
  28. for(var i=0;i<cookieArr.length;i++){
  29. // if(cookieArr[i].indexOf(key)!=-1){
  30. // console.log(cookieArr[i]);
  31. // }
  32. var resArr = cookieArr[i].split("=");
  33. // console.log(resArr);
  34. if(resArr[0].trim()==key){
  35. // console.log(resArr[1]);
  36. return resArr[1];
  37. }
  38. }
  39. // console.log(cookieArr);
  40. }
  41. // 删除cookie
  42. function delCookie(key){
  43. setCookie(key,"",-1);
  44. }
  45. delCookie("usersex");
  46. var cookieVal = getCookie("userphone");
  47. console.log(cookieVal);
  48. </script>
  49. </body>
  50. </html>