sessionStorage使⽤
sessionStorage 是HTML5新增会话存储对象，它sessionStorage属性允许你访问⼀个 session Storage 对象，⽤于保存同⼀窗⼝或标签页的数据。sessionStorage 会在当前窗⼝或是标签页打开的期间⼀直保持，并且重新加载或恢复页仍会保持原来会话。当窗⼝或标签页关闭的时候会被删除。
同源 sessionStorage受同源策略限制，跨域⽆法访问。
└──跨域可以使⽤localStorage postMessage和iframe 来解决
不会随着http发送到服务器，只会存储在本地。
└──不需要的传到服务器的数据可以替代cookie，减⼩带宽
sessionStorage使⽤key和value进⾏存储，value值必须为字符串，不为字符串会⾃动转型。
存储上限限制，不同浏览器限制均不⼀样，但是⼤多数上限限制为5MB
localStorage会将数据存储在本地，所以在关闭浏览器时不会被删除。会⼀直存在直到被明确删除。
// 保存数据到sessionStorage
sessionStorage.setItem('key', 'value');
// 从sessionStorage获取数据
var data = Item('key');
// 从sessionStorage删除保存的数据
// 从sessionStorage删除所有保存的数据
sessionStorage.clear();
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn">Clear</button>
</body>
<script>
sessionStorage.setItem('test-key', 'test-value');
}
}
</script>
sessionstorage和localstorage</html>
我们可以在Application-Session Storage中查看到我们存的test-key
点击clear button以后test-key会被清除

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。