9_本地存储.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <script>
  11. /* cookie 浏览器 4k 可以设置过期时间 */
  12. document.cookie = "name = 'xiaoming'"
  13. var date = new Date()
  14. date.setDate(date.getDate() + 1)
  15. console.log(date.toUTCString())
  16. document.cookie = "password = '123';expires= " + date.toUTCString()
  17. function setCookie(key, value, expires) {
  18. var date = new Date()
  19. date.setDate(date.getDate() + expires)
  20. document.cookie = key + '=' + value + ';expires=' + date.toUTCString()
  21. }
  22. setCookie('address', 'harbin', 4)
  23. function getCookie(key) {
  24. var cookie = document.cookie
  25. console.log(cookie.split(';'))
  26. /*
  27. .split 方法 去拆分字符串
  28. */
  29. var arr = cookie.split(';')
  30. console.log(arr)
  31. for (var i = 0; i < arr.length; i++) {
  32. var tmp = arr[i].split('=')
  33. console.log(tmp)
  34. /* trim() */
  35. if (tmp[0].trim() == key) {
  36. return tmp[1]
  37. }
  38. }
  39. }
  40. getCookie()
  41. console.log(getCookie('address'))
  42. function delCookie(key) {
  43. var date = new Date()
  44. date.setDate(date.getDate() - 1)
  45. document.cookie = key + '=null;expires=' + date.toUTCString()
  46. }
  47. delCookie('password')
  48. </script>
  49. </body>
  50. </html>