sessionStorage
概念:将数据保存在session对象中,保存的时间是,从进入网站到浏览器关闭所经过的时间,<span style="color: rgb(59, 60, 64); font-family: "Open Sans", Arial, sans-serif; font-size: 14px;">页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话</span>
保存数据的方法:setItem(key,value)
用键值对方式存储
sessionStorage.setItem('key','value');
sessionStorage.key = 'value';
读取数据的方法:getItem(key)
读取数据的方法
变量 = sessionStorage.getItem('key');
变量 = sessionStorage.key;
sesssionStorage.key(index)
根据索引值来获取对应的key值
sessionStorage.removeItem(key)
sessionStorage.clear()
将存储系统的所有数据删除(清空)
sessionStorage.length
返回当前存储系统中的数据个数
localStorage
概念:将数据库保存在客户端本地的硬盘上,该数据永久保存,除非手动删除
保存数据的方法:setItem(key,value)
用键值对方式存储
localStorage.setItem('key','value');
localStorage.key = 'value';
读取数据的方法:getItem(key)
读取数据
变量 = localStorage.getItem('key');
变量 = localStorage.key;
loaclStorage.key(index)
根据索引值来获取对应的key值
localStorage.removeItem(key)
<span style="color: rgb(59, 60, 64); font-family: "Open Sans", Arial, sans-serif; font-size: 14px;">接受一个参数——想要移除的数据项的键,然后会将对应的数据项从域名对应的存储对象中移除</span>
localStorage.clear()
将存储系统的所有数据删除(清空),<span style="color: rgb(59, 60, 64); font-family: "Open Sans", Arial, sans-serif; font-size: 14px;">不接受参数,只是简单地清空域名对应的整个存储对象</span>
localStorage.length
返回当前存储系统中的数据个数