Web Storage 数据存储是针对于客户端本地而言的,共有两种形式 sessionStorage和loadStorage。
sessionStorage:作用时间是在该网页打开到关闭的时间,session可以用来保存在该时间了的所有数据。
localStorage:将数据保存在客户端的硬件设备中,网页关闭后再次打开仍可用。
简单使用方法:
//sessionStorage
function saveStory(id){ function loadStorage(id){
var target = document.getElementById(id); var target = document.getElementById(id);
var str = target.value; // var msg=sessionStorage.getItem(key);
//sessionStorage.setItem(key , value); var msg=sessionStorage.getItem("message");
sessionStorage.setItem("message",str ); target.innerHTML = msg;
} }
//localStorage
function saveStory(id){ function loadStorage(id){
var target = document.getElementById(id); var target = document.getElementById(id);
var str = target.value; // var msg=localStorage .getItem(key);
//localStorage .setItem(key , value); var msg=localStorage .getItem("message");
localStorage .setItem("message", str ); target.innerHTML = msg;
} }
一个简单的例子
function saveStorage(){
var data = new Object;
dara.name = document.getElementById("").value;
dara.age= document.getElementById("").value;
dara.tel= document.getElementById("").value;
vat str = JSON.stringify(data);
localStorage.setItem(data.name ,dtr);
alert("数据保存");
}
function selectStorage(id){
var selected = document.getElementById("").value;
var str = local.getItem(delectedl);
vat data = JSON.parse(str);
var result = "name"+data.name+'<br>';
result = "age"+data.age+'<br>';
result = "tel"+data.tel+'<br>';
var target = document.getElementById(id);
target.innHtml=result;
}