SessionStorage与localStorage的区别与使用

需求：

①页面滚动，将滚动位置存到session中 →

②再次进到页面中，到session中取出上次保存的浏览位置 

 ③滚动到对应位置

这里只介绍setItem和getItem，当然还有什么removeItem删除key、clear清除所有的key/value操作。

　　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);

};