localstorage和sessionstorage使用记录(推荐)
程序员文章站
2023-11-23 21:46:28
通过阅读各路大神对web存储locastorage和sessionstorage的用法解析,深有感触,下面小编把localstorage和sessionstorage使用记录分享到脚本之家平台,供大家参考... 17-05-23...
通过阅读各路大神对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的名字。
如图 第一个值,就是key不是以字符串指定的,即没有加双引号。
value值字符串类型的也切记加双引号。
在浏览器中如何查看storage?
较新版本的chrome浏览器,查看位置如图:
在项目中如果多次调用同样的存储数据的函数,则数据会实时改变,如果需要清除所有存储的数据:
localstorage.clear();或者sessionstorage.clear();
项目中使用的原则就是,哪个数据需要存储,就用哪个数据调用存数数据的函数。
以上所述是小编给大家介绍的localstorage和sessionstorage使用记录(推荐),希望对大家有所帮助
上一篇: 美图秀秀怎么给图片制作粉红佳人油画效果?
推荐阅读
-
SQL Server遍历表中记录的2种方法(使用表变量和游标)
-
localstorage和sessionstorage使用记录(推荐)
-
localStorage、sessionStorage使用总结
-
H5 的 sessionStorage和localStorage
-
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
-
HTMl5的存储方式sessionStorage和localStorage详解
-
sessionStorage 、localStorage 和 cookie 之间的区别详解
-
本地存储常用方式 localStorage, sessionStorage,cookie 的区别 和 服务器存储session
-
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
-
python中数组和矩阵乘法及使用总结(推荐)