localStorage和sessionstorage

来源:互联网 发布:io1.1鼠标淘宝哪家最好 编辑:程序博客网 时间:2024/06/05 15:56


  • localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

  • 他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。

  • localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。

    sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。

  • 具体实现如下:
    数据存储
    我们每次点击一个标题栏,都要把它的显示状态记录。例如,放在一个数组中,然后存储之,代码如下(假设我们已经记录了各标题栏状态为数组arrDisplay):

    var arrDisplay = [0, 1, 1, 1];//存储,IE6~7 cookie 其他浏览器HTML5本地存储if (window.localStorage) {    localStorage.setItem("menuTitle", arrDisplay);} else {    Cookie.write("menuTitle", arrDisplay);}

  • setItem() 作为 Storage 接口的方法,接受一个键名和值作为参数,将会把键名添加到存储中,如果键名已存在,则更新其对应的值。

    语法

    storage.setItem(keyName, keyValue);

    参数

    keyName
    一个 DOMString,要创建或更新的键名。
    keyValue
    一个 DOMString,要创建或更新的键名对应的值。

    返回值


  • 原创粉丝点击