localStorage
不同点：
localStorage
是永久 除非手动清除
可以实现多个标签页之间的通信
sessionStorage
浏览器关闭 数据清除
通过 点击链接、window.open 方式 打开的页面 session 数据共享
但新打开一个标签页总是会初始化一个新的 session，即使网站是一样的，它们也不属于同一个 session
浏览器关闭时 sessionStorage 数据将清空
localStorage 数据 只要不通过代码特意的删除或手动删除 是一直存在的
如何实现
登录成功 用户信息保存在 localStorage 当中
此时可以向 sessionStorage 中 保存一个唯一标识 isLogin
入口文件判断 sessionStorage 中 是否有 isLogin 值
如果没值 就表示浏览器关闭过 所以 sessionStorage 里的数据为空 那么此时清空 localStorage 里的数据
原文链接：https://blog.csdn.net/qq_37330613/article/details/111315475
------------------------------------------------------------------
（1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。
Cookie是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它
--------------------------------------------------------------------------------------------------------------
-
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。
-
他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。
-
localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。
sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。
-
不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标 签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。
-
同源的判断规则：
http://www.test.com
https://www.test.com （不同源，因为协议不同）
http://my.test.com（不同源，因为主机名不同）
http://www.test.com:8080（不同源，因为端口不同）
-
localStorage和sessionStorage使用时使用相同的API：
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
localStorage.getItem("key");//获取名称为“key”的值
枚举localStorage的方法：
for(var i=0;i<localStorage.length;i++){
var name = localStorage.key(i);
var value = localStorage.getItem(name);
}
删除localStorage中存储信息的方法：
localStorage.removeItem("key");//删除名称为“key”的信息。
localStorage.clear();//清空localStorage中所有信息
-
通过getItem或直接使用localStorage["key"]获取到的信息均为实际存储的副本。
例如：
localStorage.key = {value1:"value1"};
localStorage.key.value1='a';
这里是无法对实际存储的值产生作用的，下面的写法也不可以：
localStorage.getItem("key").value1="a";
1.设置localStorage
Storage.set = function(name, val) {
localStorage.setItem(name, val);
}
2.获取localStorage
Storage.get = function(name) {
return localStorage.getItem(name);
}
3.调用函数
Storage.set("status", "OK");
Storage.set("quit", "...");
console.log(Storage.get("status"));
4.完整代码
<html>
<head>
<title>localStorage</title>
</head>
<body>
<script>
const Storage = {};
Storage.get = function(name) {
return localStorage.getItem(name);
}
Storage.set = function(name, val) {
localStorage.setItem(name, val);
}
Storage.set("status", "OK");
Storage.set("quit", "...");
console.log(Storage.get("status"));
</script>
</body>
</html>作者：一路向后
链接：https://www.jianshu.com/p/aaa257ca2ff7
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
