web Storage的优点和使用方法

web Storage本地客户端网页存储数据的一种方式,以域名为单位储存数据

1.操作简单

2.大小不受限制

3.不会跟随HTTP 发送后台

local Storage 永久存储 不手动删除就永远存储在本地客户端

session Storage 临时存储 只要浏览器关闭或当前页面关闭就会永久消失

存储格式
key-value {type:"IOS"}

取数据
loaclStorage.getItem(key) loaclStorage.username

console.log(localStorage.type)  //输出localStorage.type的值

存储数据
loaclStorage(key,value) loaclStorage.key=value

localStorage.type='IOS'  //存入一个名为IOS的值

web Storage的优点和使用方法_第1张图片

删除一条数据
loaclStorage.removeItem(key) delete loaclStorage[key]

delete localStorage['type']  //删除key为type的localStorage

删除所有数据
loaclStorage.clear()

localStorage.clear()  //删除所有的local Storage数据

遍历所有数据
loaclStorage.key(index)

localStorage.key(type) //遍历数据

loaclStorage.length 长度

localStorage.length //localStorage 的长度

你可能感兴趣的:(javascript)