html5本地存储api

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5本地存储api相关的知识,希望对你有一定的参考价值。

localStorage:  //离线存储   浏览器关闭保留

  存储:

  localStorage["a"] = "aaaa";              //设置a"sfsf",覆盖上面的值
  localStorage.setItem("a","aaaa");    //设置b"isaac"

 

  获取:

  var a = localStorage["a"];               //获取a的值
  var a = localStorage.a;                  //获取a的值
  var a = localStorage.getItem("a");  //获取a的值

 

  删除:

  localStorage.removeItem("a");      //清除a的值

  localStorage.clear()                     //删除所有

 

 

sessionStorage:  //在线存储      浏览器关闭或删除 

  存储:

  sessionStorage["a"] = "aaaa";              //设置a为"sfsf",覆盖上面的值
  sessionStorage.setItem("a","aaaa");    //设置b为"isaac"

 

  获取:

  var a = sessionStorage["a"];               //获取a的值
  var a = sessionStorage.a;                  //获取a的值
  var a = sessionStorage.getItem("a");  //获取a的值

 

  删除:

  sessionStorage.removeItem("a");      //清除a的值

  sessionStorage.clear()                     //删除所有

 

以上是关于html5本地存储api的主要内容,如果未能解决你的问题,请参考以下文章

应用程序和浏览器之间的 HTML 5 本地存储

Web APIs BOM- 操作浏览器:本地存储

h5 localStorage存储大小(转)

本地存储-localStroage/sessionStorage存储

HTML5本地存储数据是不是按域分隔存储[重复]

[html5]localStorage的原理和HTML5本地存储安全性