h5-localStorage储存的使用
Posted fengbrother
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5-localStorage储存的使用相关的知识,希望对你有一定的参考价值。
1 <!-- 2 localStorage的使用: 3 1.存储的内容大概20mb 4 2.不同浏览器不能共享数据,但是在同意浏览器的不同窗口中可以共享数据 5 3.永久生效,他的数据是储存在硬盘上,并不会随着页面或者浏览器的关闭而清除,如果想清除必须手动清除 6 7 setTtem(key,value):存储数据,以键值对的方式储存 8 getItem(key):获取数据,通过制定名称的key获取对应的value值 9 removeItme(key):删除数据,通过制定名称key删除对应的值 10 clear():清空所有存储的内容 11 --> 12 <input type="text" id="username"><br/> 13 <input type="button" value="设置数据" id="setData"><br/> 14 <input type="button" value="获取数据" id="getData"><br/> 15 <input type="button" value="删除数据" id="removeData"><br/> 16 17 <script> 18 /*存储数据*/ 19 document.querySelector("#setData").onclick=function () 20 var name = document.querySelector("#username").value; 21 window.localStorage.setItem("userName",name); 22 23 /*获取数据*/ 24 document.querySelector("#getData").onclick=function () 25 /*如果找不到对应名称的key,那么就会获取null*/ 26 var name=window.localStorage.getItem("userName"); 27 alert(name); 28 29 /*删除数据*/ 30 document.querySelector("#removeData").onclick=function () 31 /*在删除的时候如果key值错误,不会报错,也不会删除数据*/ 32 window.localStorage.removeItem("userName"); 33 34 </script>
以上是关于h5-localStorage储存的使用的主要内容,如果未能解决你的问题,请参考以下文章
git解决Your local changes would be overwritten by merge