localstorage和sessionstorage使用记录(推荐)


Posted in HTML / CSS onMay 23, 2017

通过阅读各路大神对web存储locastorage和sessionstorage的用法解析,自己试用了一下,在此留个备忘。

在项目中,如果用到很多次storage,要存储很多数据,就要把它封装成函数了:

(该函数系不知名大神所写,如有侵犯原创,请联系我……)

function setStorage(key,value){
        if(!window.localStorage){
            alert("浏览器不支持localstorage");
            return false;
        }else{
            var storage=window.localStorage;
            //写入字段
            storage.setItem(key,value);
        }
    }
    function getStorage(key){
        if(!window.localStorage){
            alert("浏览器不支持localstorage");
        }else{
            var storage=window.localStorage;
            var key=storage.getItem(key);
//            console.log(key);
            return key;
        }
}

setStorage是存储数据的,key是指定的数据名称,可以随意起,但是一定要是字符串类型,否则浏览器自动把值作为key的名字。

localstorage和sessionstorage使用记录(推荐)

如图 第一个值,就是key不是以字符串指定的,即没有加双引号。

value值字符串类型的也切记加双引号。

在浏览器中如何查看storage?

较新版本的chrome浏览器,查看位置如图:

localstorage和sessionstorage使用记录(推荐)

在项目中如果多次调用同样的存储数据的函数,则数据会实时改变,如果需要清除所有存储的数据:

localstorage.clear();或者sessionStorage.clear();

项目中使用的原则就是,哪个数据需要存储,就用哪个数据调用存数数据的函数。

以上所述是小编给大家介绍的localstorage和sessionstorage使用记录(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
详解Css3新特性应用之过渡与动画
Jan 10 HTML / CSS
用CSS禁用输入法(CSS3 UI规范)实例解析
Dec 04 HTML / CSS
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
Sep 02 HTML / CSS
非常漂亮的CSS3百叶窗焦点图动画
Feb 24 HTML / CSS
利用纯CSS3实现动态的自行车特效源码
Jan 20 HTML / CSS
详解canvas绘制多张图的排列顺序问题
Jan 21 HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
Sep 27 HTML / CSS
HTML文本属性&颜色控制属性的实现
Dec 17 HTML / CSS
基于html5 canvas做批改作业的小插件
May 20 HTML / CSS
CSS实现fullpage.js全屏滚动效果的示例代码
Mar 24 HTML / CSS
CSS3鼠标悬浮过渡缩放效果
Apr 17 HTML / CSS
CSS 实现Chrome标签栏的技巧
Aug 04 HTML / CSS
Html5实现文件异步上传功能
May 19 #HTML / CSS
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
May 18 #HTML / CSS
HTML5中indexedDB 数据库的使用实例
May 11 #HTML / CSS
详解HTML5 window.postMessage与跨域
May 11 #HTML / CSS
HTML5拖放API实现拖放排序的实例代码
May 11 #HTML / CSS
解决html5中video标签无法播放mp4问题的办法
May 07 #HTML / CSS
Web前端页面跳转并取到值
Apr 24 #HTML / CSS
You might like
Php Ctemplate引擎开发相关内容
2012/03/03 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
跟我学Laravel之快速入门
2014/10/15 PHP
php实现Session存储到Redis
2015/11/11 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
学习JavaScript的最佳方法分享
2011/10/21 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
2013/08/28 Javascript
删除节点的jquery代码
2014/01/13 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
BootStrap3学习笔记(一)之网格系统
2016/05/20 Javascript
jQuery实现的浮动层div浏览器居中显示效果
2017/02/03 Javascript
简单易懂的天气插件(代码分享)
2017/02/04 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
python利用thrift服务读取hbase数据的方法
2018/12/27 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
通过python 执行 nohup 不生效的解决
2020/04/16 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
欧洲有机婴儿食品最大的市场:Organic Baby Food(供美国和加拿大)
2018/03/28 全球购物
Pandora德国官网:购买潘多拉手链、戒指、项链和耳环
2020/02/20 全球购物
试述DBMS的主要功能
2016/11/13 面试题
廉洁校园实施方案
2014/05/25 职场文书
物理学专业自荐信
2014/06/11 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
学校学习型党组织建设心得体会
2019/06/21 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server
python区块链持久化和命令行接口实现简版
2022/05/25 Python
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL