当前位置: 首页 > Web前端 > HTML5

H5本地存储:sessionStorage和localStorage

时间:2023-04-05 13:15:44 HTML5

作者:新野时间:2018-05-0118:30H5提供了两种非常好用的本地存储方式:sessionStorage和localStorage,下面分别介绍:1.sessionStorage:保存的是数据一个session的,也就是说只在一个session中有效,关闭时数据会被销毁。它不是一个持久化的本地数据存储,而是一个会话存储;2.localStorage:本地数据持久化存储,在操作上和第一种没有区别,只是存储时间不同。第一步:基本操作。1.将值存储在键字段中:.setItem(key,value)。sessionStorage.setItem("key","value");localStorage.setItem("key","value");2.获取指定key的本地存储的值:.getItem(key)。varvalue=sessionStorage.getItem("key");varvalue=localStorage.getItem("key");3.删除本地存储的指定key的value:.removeItem(key)。sessionStorage.removeItem("key");localStorage.removeItem("key");4.清除所有键/值:.clear()。sessionStorage.clear();localStorage.clear();第二步:其他操作。storage除了可以使用上面提到的方法获取和存储数据外,还可以像普通对象一样使用点运算和[]来控制数据(以下以localStorage为例):varstorage=window.localStorage;storage.info='按点设置数据';//通过[]获取数据varinfoValue=storage['info'];通过storage的key()和length可以实现数据遍历:varstorage=window.localStorage;对于(vari=0,len=storage.length;i