美文网首页
H5 sessionStorage

H5 sessionStorage

作者: Blacker丶Boom | 来源:发表于2017-12-18 12:10 被阅读0次

What's this?

sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

How to use?

1. setItem 存储 value

用途:将 value 存储到 key 字段
  用法:.setItem( key, value)
  代码示例:

sessionStorage.setItem("key", "value");     localStorage.setItem("site", "js8.in");
2. 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);
};

相关文章

  • sessionStorage 与localStorage 的区别

    sessionStorage与localStorage 是H5的新概念,sessionStorage 开启了一个新...

  • 3月 前端 19 Day

    本地存储本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 19_day本地储存,正则

    本地存储: 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ...

  • 本地储存

    本地存储: 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ...

  • 本地存储

    本地存储 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 2018-08-28

    本地存储本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 本地存储

    本地存储 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 本地存储和移动端jsshi'jian

    本地存储: 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ...

  • 2018-07-30知识点总结

    本地存储 本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

  • 本地储存

    本地存储本地存储分为cookie,以及H5新增的 localStorage 和 sessionStorage ;...

网友评论

      本文标题:H5 sessionStorage

      本文链接:https://www.haomeiwen.com/subject/ytapwxtx.html