H5本地存储二
Posted 幽冥狂_七
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5本地存储二相关的知识,希望对你有一定的参考价值。
众所周知,H5的storage有sessionstorage&localStorage,其中他们的共同特点是API相同
下面直接上代码,storage中的存储与删除:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>H5的storage</title> </head> <body> <input type=‘button‘ onclick=‘setItems()‘ value=‘存值‘ /> <input type=‘button‘ onclick=‘getItems()‘ value=‘取值‘ /> <input type=‘button‘ onclick=‘deleteItem()‘ value=‘删除‘ /> </body> <script src="js/jquery.min.js"></script> <script> //localStorage存值永久有效 function setItems(){ var user = {}; user.name = ‘Adam Li‘; user.age = 25; user.home = ‘China‘; localStorage.setItem(‘userinfo‘,JSON.stringify(user)); } //localStorage取值 function getItems(){ var data = JSON.parse(localStorage.getItem(‘userinfo‘)); console.log("name:"+data.name+‘\r age:‘+data.age+"\r home:"+data.home); } //localStorage删除指定键对应的值 function deleteItem(){ localStorage.removeItem(‘userinfo‘); console.log(localStorage.getItem(‘userinfo‘)); } </script> </html>
以上是关于H5本地存储二的主要内容,如果未能解决你的问题,请参考以下文章