|
|
@@ -0,0 +1,58 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ //向localStorage 存储数据 setItem 后边两个参数 第一个key值（变量名称） 第二个value值
|
|
|
+ // localStorage.setItem('name','张三');
|
|
|
+ // localStorage.setItem('age',18);
|
|
|
+ // localStorage.setItem('sex','男');
|
|
|
+ // localStorage.setItem('hobby',"篮球");
|
|
|
+ // 获取数据 localStorage 数组
|
|
|
+ // var userName = localStorage.getItem('name');
|
|
|
+ // console.log(userName);
|
|
|
+ // 删除数据 localStorage.removeItem(key值)
|
|
|
+ // localStorage.removeItem('age');
|
|
|
+ // 清空数据 localStorage.clear()
|
|
|
+ // localStorage.clear();
|
|
|
+
|
|
|
+ // 遍历localStorage
|
|
|
+ // for(var i=0;i<localStorage.length;i++){
|
|
|
+ // var key = localStorage.key(i);
|
|
|
+ // var vlaue = localStorage.getItem(key);
|
|
|
+ // console.log(key,vlaue);
|
|
|
+ // }
|
|
|
+
|
|
|
+ // sessionStroage
|
|
|
+ // 设置sessionStorage
|
|
|
+ sessionStorage.setItem('name','张三');
|
|
|
+ sessionStorage.setItem('age',18);
|
|
|
+ sessionStorage.setItem('sex','男');
|
|
|
+ sessionStorage.setItem('hobby',"篮球");
|
|
|
+ // 获取sessionStorage
|
|
|
+ var userName = sessionStorage.getItem('name');
|
|
|
+ console.log(userName);
|
|
|
+ // 删除sessionStorage
|
|
|
+ sessionStorage.removeItem('age');
|
|
|
+ // 清空sessionStorage
|
|
|
+ sessionStorage.clear();
|
|
|
+
|
|
|
+ // localStorage 与 sessionStorage 区别
|
|
|
+ // 会话：在打开或浏览页面的时候为会话。当关闭浏览器会话结束。
|
|
|
+ // localStorage 本地存储 会话结束不失效 除非手动删除
|
|
|
+ // sessionStorage 会话存储 会话结束失效
|
|
|
+
|
|
|
+ // localStorage 与 sessionStorage 共同点
|
|
|
+ // 1. 都是存储在浏览器端的
|
|
|
+ // 2. 存储空间为5M
|
|
|
+ // 3. 存储字符串类型的数据
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
