h5 web 存储

localStorage 和 sessionStorage 

客户端存储数据的两个对象为：

localStorage - 没有时间限制的数据存储

sessionStorage - 针对一个 session 的数据存储

在使用 web 存储前,应检查浏览器是否支持 localStorage 和sessionStorage:if(typeof(Storage)!=="undefined")

{    // 是的! 支持 localStorage  sessionStorage 对象!    // 一些代码.....}

else {    // 抱歉! 不支持 web 存储。}

保存数据：localStorage.setItem(key,value);

读取数据：localStorage.getItem(key);

删除单个数据：localStorage.removeItem(key);

删除所有数据：localStorage.clear();

得到某个索引的key：localStorage.key(index);

var
site
= new
Object;

...

var
str
= JSON.stringify(site);
//
将对象转换为字符串

之后我们使用 JSON.parse 方法将字符串转换为 JSON 对象：

var
site =
JSON.parse(str);

通常的情况是//保存数据
function save(){
var site = new Object;
site.keyname = document.getElementById("keyname").value;
site.sitename = document.getElementById("sitename").value;
site.siteurl = document.getElementById("siteurl").value;
var str = JSON.stringify(site); // 将对象转换为字符串
localStorage.setItem(site.keyname,str);
alert("保存成功");
}
//查找数据
function find(){
var search_site = document.getElementById("search_site").value;
var str = localStorage.getItem(search_site);
var find_result = document.getElementById("find_result");
var site = JSON.parse(str);
find_result.innerHTML = search_site + "的网站名是：" + site.sitename + "，网址是：" + site.siteurl;
}