H5 sessionStorage的存储和使用

<!--
sessionStorage的使用：存储数据到本地。存储的容量5mb左右
1.这个数据本质是储存在当前页面的内存中
2.他的生命周期为关闭当前页面，关闭页面，数据会自动清楚

setTtem(key,value):存储数据，以键值对的方式储存
getItem(key):获取数据，通过制定名称的key获取对应的value值
removeItme(key):删除数据，通过制定名称key删除对应的值
clear():清空所有存储的内容
-->
<input type="text" id="username"><br/>
<input type="button" value="设置数据" id="setData"><br/>
<input type="button" value="获取数据" id="getData"><br/>
<input type="button" value="删除数据" id="removeData"><br/>

<script>
/*存储数据*/
document.querySelector("#setData").onclick=function () {
var name = document.querySelector("#username").value;
window.sessionStorage.setItem("userName",name);
}
/*获取数据*/
document.querySelector("#getData").onclick=function () {
/*如果找不到对应名称的key，那么就会获取null*/
var name=window.sessionStorage.getItem("userName");
alert(name);
}
/*删除数据*/
document.querySelector("#removeData").onclick=function () {
/*在删除的时候如果key值错误，不会报错，也不会删除数据*/
window.sessionStorage.removeItem("userName");
}
</script>

 

转自：https://www.cnblogs.com/FengBrother/p/11373336.html