web本地存储接口是H5的重要接口,可以用于存放不经常更新的文件
本地存储的大小约为5MB
这个数据本质上是存储在页面中
生命周期为关闭当前页面的时候,数据会销毁
两个同名的页面的sessionStorage是分离的
只能存储临时的值
接口函数
sessionSStorageAPI包含的操作函数
setItem(key,value):以键值对的方式存储数据
getItem(key):通过键获取数据
removeItem(key):通过键删除数据
clear():清空所有的存储内容
使用
将input的用户名保存到web本地
let dom=document.querySelect("button");
let userName=document.querySelect("input[type=text]");
dom.onclick=function(){
let name=username.value;
window.sessionTorage.setItem();
}
获取数据
通过key获取值
如果获取不到数据,就返回null
let data = window.sessionStorage.getItem("name");
删除数据
如果在删除的时候key的值错误,不会报错,也不会删除数据
window.sessionStorage.removeItem("name")
保存的数据通过F12,打开Application 的session Storage
网友评论