10
0

7_本地化存储.html 1.1 KB

123456789101112131415161718192021222324252627282930
  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. //localStorage-用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
  11. //sessionStorage-用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
  12. // localStorage 和 sessionStorage 最大存储空间为8M
  13. // cookie 与 stroage 区别
  14. // 1、cookie 可以随着网络传输到服务端 stroage不会随着网络进行传输;
  15. // 2、cookie 可以设置过期时间 stroage不可以设置过期时间
  16. // 3、cookie仅能存储 4K 内容 stroage可以存储8M
  17. // localStorage.setItem("username","小红");
  18. // localStorage.setItem("password","abc");
  19. // console.log(localStorage.getItem("username"));
  20. // localStorage.removeItem("password");
  21. // localStorage.clear();
  22. // sessionStorage.setItem("a","1");
  23. </script>
  24. </body>
  25. </html>