HTML中可以使用javascript操作window的localStorage对象进行键值对形式的本地数据存储,实现数据共享和数据持久化,localStorage的数据永远不会过期,除非自己删除,这样可以实现在不同html之间进行数据信息传递:
1.判断本地存储是否可用:
if(window.localStorage) {
// localStorge可用
}else {
// localStorge不可用
}
2.存储数据:
// 获取本地存储对象
var localStorage =window.localStorage;
// 存储
localStorage.setItem("key",content);
3.取出数据
var myKey =localStorage.getItem("key");
4.删除指定数据
localStorage.removeItem("key");
5.清空本地数据
localStorage.clear();
6.存储与读取json数据
// 定义json变量
var json ={username:"杨朝来",sex:1,age:25,birthday:"1990-08-21",phonenumber:13812345678,disease:"肺小结节",insurance:1,avatar:"images/male.png"};
// json变量转化成json字符串
var jsonstr =JSON.stringify(json);
// 存储json字符串
window.localStorage.setItem("jsonkey",jsonstr);
// 取出json字符串
var jsonstr =window.localStorage.getItem("jsonkey");
// 还原json对象
var json =JSON.parse(jsonstr);
// 取出json里面的username
var username =json.username;