HTML5数据存储

时间:2021-08-16 21:32:11

介绍两种对象使用方法:

sessionStorage方法如果关闭了浏览器,这个保存的数据就丢失。

1.sessionStorage
保存数据:sessionStorage.setItem(key,value);
读取数据:sessionStorage.getItem(key);

localStorage则是浏览器被关闭,下次在打开浏览器浏览这个页面点击读取数据时任然能读取到保存的数据。

注*这个数据是区分浏览器的,在别的浏览器中是读取不到这个浏览器保存的数据的。

2.localStorage
保存数据:localStorage.setItem(key,value);
读取数据:localStorage.getItem(key);
sessionStorage.getItem(key):获取指定key本地存储的值
sessionStorage.setItem(key,value):将value存储到key字段
sessionStorage.removeItem(key):删除指定key本地存储的值
sessionStorage.length是sessionStorage的项目数