适用于数据需要分页、或跨窗口的场合。关闭浏览器后除非主动清楚数据，否则localStorage数据会一直存在。
sessionStorage适合暂存数据（关闭窗口或分页Tab后数据就会丢失）

JavaScript基于同源策略（Same Origin Policy）：有来自相同网站的网页才能相互调用的限制。
localStorage  API 通过JavaScript操作，同样只由相同来源的网页才能取得同一个localStorage

（相同网站即指：协议、主机、传输端口都必须相同）

HTML5标准中，只允许存储字符串数据，下列3种访问方法可供选择：

• Storage对象的setItem和getItem方法
• 数组索引
• 属性
  

Storage对象的setItem和getItem方法
window.localStorage.setItem(key, value);
如： window.localStorage.setItem("userdata", "Hello HTML5");
读取的格式： window.localStorage.getItem(key);

var value1 = window.localStorage.getItem("userdata");

数组索引：

存储   window.localStorage["userdata"] = "Hello HTML5!";
读取   var value1 = window.localStorage["userdata"];

属性：

存储  window.localStorage.userdata = "Hello HTML5!";
读取  var value1 = window.localStorage.userdata;

三种情况下，前缀window可以省略。

下面准备实现一个完整实例。。。