localStorage和sessionStorage

localStorage:

优势:localStorage扩展了cookie 4kb的限制,可以将http第一次请求来的数据缓存起来,大小为5MB。

缺点:缓存内容果多,会影响页面性能,并且在高版本的浏览器才支持,比如IE8及以上,目前所有的浏览器中都会把localStorage的值类型限定为string类型。

 

sessionStorage:与localStorage差不多,不同的是,sessionStorage的缓存在页面关闭时消失。

 

两者的API都相同,这里以localSrotage来写例子

 

清除缓存:

localStorage.clear()  //清除所有缓存

 

存储数据:

localStorage.setIem("key", "value")

localStorage.key = "value"  //与上面的效果是一样的

 

读取数据:

localStorage.getItem(" name ")  //读取保存在localStorage里名为name的值

localStorage.name  //直接读取name的值

localStorage.valueOf()  //读取localStorage保存的所有值

localStorage.key()    //展现localStorage保存的所有键,以下标的形式

 

删除保存的变量

localStorage.removeItem(" ")  //删除某个值

 

检查localStorage里是否保存某个变量

localStorage.hasOwnProperty("") //   true / false

posted @ 2019-07-15 11:17  博远智——!  阅读(218)  评论(0)    收藏  举报