什么是 HTML5 Web 存储?

使用HTML5可以在本地存储用户的浏览数据。
早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.
数据以 键/值 对存在, web网页的数据只允许该网页访问使用。

localStorage 和 sessionStorage        客户端存储数据的两个对象为：
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储（关闭窗口，存储的数据清空）

存储值
setItem存储value
　　用途：将value存储到key字段
　　用法：.setItem( key, value)
　　代码示例：
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
　　
getItem获取value
　　用途：获取指定key本地存储的值
　　用法：.getItem(key)
　　代码示例：
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");


 //滚动时保存滚动位置
$(window).scroll(function(){
if($(document).scrollTop()!=0){
　　　　sessionStorage.setItem("offsetTop", $(window).scrollTop());//保存滚动位置
　　　} 
});


//onload时，取出并滚动到上次保存位置
window.onload = function(){
　　var _offset = sessionStorage.getItem("offsetTop");
　　$(document).scrollTop(offsetTop);
};