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