6_本地化存储.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  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. // let obj = {name:'zhangsan',age:18};
  13. // localStorage.setItem('username','zhangsan');
  14. // localStorage.setItem('age',18);
  15. // let username = localStorage.getItem("username");
  16. // console.log(username);
  17. // obj = JSON.stringify(obj);
  18. // localStorage.setItem("user",obj);
  19. // let user = localStorage.getItem("user");
  20. // user = JSON.parse(user);
  21. // console.log(user);
  22. // localStorage.removeItem("user");
  23. // localStorage.clear();
  24. // sessionStorage.setItem("username","zhangsan");
  25. // sessionStorage localStorage的区别
  26. // localStorage是永久存储,除非手动删除
  27. // sessionStorage是临时存储,页面关闭就删除(会话级)
  28. // sessionStorage localStorage的特性
  29. // localStorage和sessionStorage只能存储字符串类型,不能存储对象
  30. // localStorage和sessionStorage 存储的数据没有时间限制 内容大小为5M左右
  31. </script>
  32. </body>
  33. </html>