sessionStorage的理解和使⽤
Web Storage 包含如下两种机制：
sessionStorage 为每⼀个给定的源（given origin）维持⼀个独⽴的存储区域，该存储区域在页⾯会话期间可⽤（即只要浏览器处于打开状态，包括页⾯重新加载和恢复）。
localStorage 同样的功能，但是在浏览器关闭，然后重新打开后数据仍然存在。
这两种机制是通过 Window.sessionStorage 和 Window.localStorage 属性使⽤（更确切的说，在⽀持的浏览器中 Window 对象实现了 WindowLocalStorage和 WindowSessionStorage 对象并挂在其localStorage 和 sessionStorage 属性下）—— 调⽤其中任⼀对象会创建 Storage 对象，通过Storage 对象，可以设置、获取和移除数据项。对于每个源（origin）sessionStorage 和localStorage 使⽤不同的 Storage 对象——独⽴运⾏和控制。
语法`
// 保存数据到sessionStorage
sessionStorage.setItem('key', 'value');
// 从sessionStorage获取数据
var data = Item('key');
// 从sessionStorage删除保存的数据
// 从sessionStorage删除所有保存的数据
sessionStorage.clear();
返回⼀个storage对象
<div>
<input type="text" name="" id="field" value="" />
<button id="deleted">deleted</button>
<button id="clear">clear</button>
</div>
<script type="text/javascript">
var clear = ElementById("clear");
var deleted = ElementById("deleted");
var field =ElementById("field");
if (Item("autoSave")) {
field.value = Item("autoSave");
}
field.addEventListener("change", function() {
// 保存结果到 sessionStorage 对象中
//写两个为了后⾯对于删除和清除的区别
sessionStorage.setItem("autosave", field.value);
sessionStorage.setItem("autosave1", field.value);
});
sessionStorage.clear();
};
};
</script>
注意点：
1、页⾯刷新不会消除数据，浏览器或者页⾯关闭才会清除数据；
2、sessionStorage不跨窗⼝，在另外⼀个窗⼝打开sessionStorage就不存在了，它只在当前窗⼝有
效；
3、⼤⼩不超过5M；
4、不⾃动发送数据到服务器；
sessionstorage和localstorage5、使⽤window.open打开页⾯和改变localtion.href⽅式都可以获取到sessionStorage内部的数据

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