精华内容
参与话题
问答
  • sessionStorage

    2020-11-29 21:16:38
    <p>I add my solutions for save open or close to sessionStorage. <p>To slidebars.js: <p>var settings = $.extend({ siteClose: true, // true or false - Enable closing of Slidebars by clicking on #sb...
  • SessionStorage

    千次阅读 2017-09-02 19:52:46
    sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而...

    html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。

    sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

    而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

    关于操作webStorage:
    localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等。

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

    removeItem删除key

    用途:删除指定key本地存储的值
    用法:.removeItem(key)
    代码示例:

    sessionStorage.removeItem("key");   localStorage.removeItem("site");

    clear清除所有的key/value

    用途:清除所有的key/value
    用法:.clear()
    代码示例:

    sessionStorage.clear();     localStorage.clear();

    因此呢就例举一个关于sessionStorage的例子:
    有在网上看到一个需求:用户在一个主页浏览时,点击一个列表进入详情页,返回时要求到用户刚刚浏览的位置,而不是重新刷新页面到了页面顶部。
    解决方法:
    通过sessionStorage,把滚动条的进度存到session中,然后不管你前进还是后退,数据都有保存,关闭窗口后再进页面才会清空数据,符合需求。

    然后呢,我们就可以在每次滚动后都存储一下这个滚动条的位置;

    $(window).scroll(function(){
        sessionStorage.setItem("offsetTop", $(window).scrollTop());//保存滚动位置
    });
    
    
    //onload时,取出并滚动到上次保存位置
    window.onload = function(){
      var offsetTop = sessionStorage.getItem("offsetTop");
      $(document).scrollTop(offsetTop);
    };
    展开全文
  • sessionstorage

    2019-09-27 17:15:32
    HTML5 sessionStorage会话存储  sessionStorage 是HTML5新增的一个会话存储...本篇主要介绍sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 1. 介绍 1.1 说明 sessionStorage 是HTM...

       sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。

     

    1. 介绍 

    1.1 说明

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

    在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。

     

    1.2 特点

    1) 同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作,这些页面必须在同一协议、同一主机名和同一端口下。(IE 8和9存储数据仅基于同一主机名,忽略协议(HTTP和HTTPS)和端口号的要求)

    2) 单标签页限制。sessionStorage操作限制在单个标签页中,在此标签页进行同源页面访问都可以共享sessionStorage数据。

    3) 只在本地存储。seesionStorage的数据不会跟随HTTP请求一起发送到服务器,只会在本地生效,并在关闭标签页后清除数据。(若使用Chrome的恢复标签页功能,seesionStorage的数据也会恢复)。

    4) 存储方式。seesionStorage的存储方式采用key、value的方式。value的值必须为字符串类型(传入非字符串,也会在存储时转换为字符串。true值会转换为"true")。

    5) 存储上限限制:不同的浏览器存储的上限也不一样,但大多数浏览器把上限限制在5MB以下

    可访问 http://dev-test.nemikor.com/web-storage/support-test/ 测试浏览器的存储上限。

     

    1.3 浏览器最小版本支持

    支持sessionStorage的浏览器最小版本:IE8、Chrome 5。

     

    1.4 适合场景 

    sessionStorage 非常适合SPA(单页应用程序),可以方便在各业务模块进行传值。

     

    2. 成员

    2.1 属性

    属性 readonly int sessionStorage.length :返回一个整数,表示存储在 sessionStorage 对象中的数据项(键值对)数量。

     

    2.2 方法

    方法 string sessionStorage.key(int index) :返回当前 sessionStorage 对象的第index序号的key名称。若没有返回null。

    方法 string sessionStorage.getItem(string key) :返回键名(key)对应的值(value)。若没有返回null。

    方法 void sessionStorage.setItem(string key, string value) :该方法接受一个键名(key)和值(value)作为参数,将键值对添加到存储中;如果键名存在,则更新其对应的值。

    方法 void sessionStorage.removeItem(string key) :将指定的键名(key)从 sessionStorage 对象中移除。

    方法 void sessionStorage.clear() :清除 sessionStorage 对象所有的项。

     

    3. 示例

    3.1 存储数据

    3.1.1 采用setItem()方法存储

    1
    sessionStorage.setItem('testKey','这是一个测试的value值'); // 存入一个值

    3.1.2 通过属性方式存储  

    1
    sessionStorage['testKey'] = '这是一个测试的value值';

      

    3.2 读取数据

    3.2.1 通过getItem()方法取值

    1
    sessionStorage.getItem('testKey'); // => 返回testKey对应的值

    3.2.2 通过属性方式取值

    1
    sessionStorage['testKey']; // => 这是一个测试的value值

     

    3.3 存储Json对象

    sessionStorage也可存储Json对象:存储时,通过JSON.stringify()将对象转换为文本格式;读取时,通过JSON.parse()将文本转换回对象。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    var userEntity = {
        name: 'tom',
        age: 22
    };
     
    // 存储值:将对象转换为Json字符串
    sessionStorage.setItem('user', JSON.stringify(userEntity));
     
    // 取值时:把获取到的Json字符串转换回对象
    var userJsonStr = sessionStorage.getItem('user');
    userEntity = JSON.parse(userJsonStr);
    console.log(userEntity.name); // => tom

    转载于:https://www.cnblogs.com/lxxzzz/p/11361939.html

    展开全文
  • cookie localstorage sessionstorage indexDB

    万次阅读 2018-10-31 16:57:58
    cookie:key/value 单个cookie保存的数据不能超过4kb,每次访问都要传送cookie给服务器,可以设置过期时间,和域名绑定 ...sessionStorage:key/value 关闭页面或浏览器后被清除,最大5MB,和域名绑定 index...

    cookie:key/value 单个cookie保存的数据不能超过4kb,每次访问都要传送cookie给服务器,可以设置过期时间,和域名绑定

    localstorage:key/value  一直存储于本地硬盘(浏览器中可以删除),一般数据最大5MB(各个浏览器不一样),和域名绑定

    sessionStorage:key/value 关闭页面或浏览器后被清除,最大5MB,和域名绑定

    indexDB:key/object,可以存储对象,浏览器中的数据库,异步,支持事务,和域名绑定,存储空间大

    展开全文
  • sessionStorage清空所有缓存方法

    万次阅读 2018-07-23 20:46:06
    sessionStorage.clear()轻松搞定

    sessionStorage.clear()轻松搞定

    删除某一项

    localStorage.removeItem(“xxx”)

    展开全文
  • <div><p>The VRT currently does not have a entry for sensitive data exposed in localStorage and sessionStorage. Values stored in localStorage and sessionStorage are accessible via Javascript and ...
  • <div><p>sessionStorage and localStorage are not cleared on reset, but I think they should, in the same way that cookies are being reset. <p>For example here the second scenario fails when running both...
  • <div><p>In version 11.12.0, <a href="https://github.com/jsdom/jsdom/commit/4d26c6773f011205d9c703cc5988e7c117efea31#diff-9b8fab691c00b9e5380b19ce882f3271R1">jsdom added localStorage and sessionStorage,...
  • 强烈推荐 分享一个大神的人工智能教程。零基础!通俗易懂!...用过HTML5 LocalStorage本地存储和sessionStorage的,你就感觉html5很强大,比cookie和session好用很多,下面让我们来学习这个知识吧... ...
  • sessionStorage.js

    2020-05-16 17:33:17
    用于操作sessionStorage的js,有增加修改删除查询方法,很便利的操作sessionstorage

空空如也

1 2 3 4 5 ... 20
收藏数 8,464
精华内容 3,385
关键字:

sessionstorage