html5 浏览器缓存 sessionStorage 之 LsySession.js插件的使用方法
2017-12-23 12:40
573 查看
sessionStorage是什么?
sessionStorage是HTML5提供的没有时间限制的数据存储方法。相比cookie,它的存储容量更大,读取更方便。sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。。
序
由于使用sessionStorage所提供的setItem()、
getItem()、
removeItem()等方法具有局限性(对数组,对象存取不方便),在此,封装了一个插件LsySession.js,完善了对数组,对象的存取删方法。
下载:点击下载LsySession.js
bower下载命令:
$ bower install https://github.com/loushengyue/LsySession.git[/code]LsySession.js的使用方法
例如:
.setItem(key[string],value[string,object])var key = 'zhangsan'; var value = 'He is 20 years old boy.'; var objKey = 'lisi'; var objVal = { age: 18, sex:'man' }; LsySession.setItem(key, value); //存储字符串 LsySession.setItem(objKey, objVal); //存储对象例如:
.setArr(prex[string],values[array])var prex = 'fruit'; var fruits = ['apple', 'banana', 'orange']; LsySession.setArr(prex, fruits); // 以变量prex为前缀存储数组fruits例如:
.setList(keys[array],values[array])var keys = ['aa', 'bb', 'cc']; var values = ['the value of aa', 'the value of bb', 'the value of cc']; LsySession.setList(keys, values); //以keys为键,以vualue为值进行map映射法存储,注意两个数组的长度必须一致例如:
.getItem(key[string])var key = 'zhangsan'; var student = LsySession.getItem(key); //通过键key获取sessionStorage所对应的value值 console.log(student); // He is 20 years old boy.例如:
.getArr(prex[string])var prex = 'fruit'; var fruits = LsySession.getArr(prex); //通过键前缀prex获取sessionStorage所对应的系列value值 console.log(fruits); //['apple', 'banana', 'orange']例如:
.removeItem(key[string])var key = 'lisi'; LsySession.removeItem(key); //通过键key删除sessionStorage所对应的value值; var lisi = LsySession.getItem(key); console.log(lisi); //undefined例如:
.clearAll()LsySession.clearAll(); // 删除所有的sessionStorage信息
相关文章推荐
- html5浏览器缓存 localStorage 之LsyStorage.js插件的使用
- Jquery 模板插件 jquery.tmpl.js 的使用方法(2):嵌套each循环,temp调用(使用预编译的模板缓存)
- 使用js检测浏览器是否支持html5中的video标签的方法
- 使用js检测浏览器是否支持html5中的video标签的方法
- html5学习canvas基本使用:div在js前面;localStorage存储根据浏览器在不同的位置;应用程序缓存;placeholder 属性提供一种提示(hint),描述输入域所期待的值。
- android学习笔记---53_采用网页设计软件界面,以及使用android系统内置的浏览器,利用js调用java方法
- HTML5 Web存储的localStorage和sessionStorage的使用方法
- js浏览器和浏览器插件检测的方法总结
- 使用js强制浏览器不缓存网页,在某些实时性网页上使用
- js 弹出框插件实例与代码使用方法
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- 浏览器开发-插件调js,js再调插件中方法,js不执行
- JS 替换和时间插件的结合使用方法
- js中自动清除浏览器缓存方法
- js浏览器和浏览器插件检测的方法总结(二)
- js history.go 使用浏览器缓存
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 对于不支持cookie的浏览器,使用response.encodeURL方法来使用session