Web Storage 数据存储

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;

}