localStorage.getItem与sessionStorage

什么是 localStorage.getItem和sessionStorage?就百度了下,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺

点是显而易见的,其他的方案比如:IE6以上的userData,Firefox下面的globalStorage,以及Flash的本地存储,除了Flash之外,其他的几个都有

一些兼容性的问题。sessionStorage和localStorage、其他属性介绍他是什么,怎么用法?

sessionStorage和localStorage

Web Storage实际上由两部分组成:sessionStorage与localStorage。

  1. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
  2. localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。(很常用)


localStorage

方法:

  1. localStorage.getItem(key):获取指定key本地存储的值
  2. localStorage.setItem(key,value):将value存储到key字段
  3. localStorage.removeItem(key):删除指定key本地存储的值  
  4. localstroage.clear();删除所有值

  5. 遍历所有键值

        
[javascript]  view plain  copy
  1. localStorage.uid = 1;  
  2. localStorage.sex='nan';  
  3. localStorage.age = 23;  
  4. for ( var i = 0, len = localStorage.length; i < len; ++i ) {  
  5.     console.log( localStorage.key( i ) +':' + localStorage.getItem(localStorage.key( i ))  );  
  6. }  



userData

语法:

  1. XML   
  2. HTML   
  3. Scripting object .style.behavior = "url('#default#userData')"
  4. object .addBehavior ("#default#userData")

属性:

  1. expires 设置或者获取 userData behavior 保存数据的失效日期。
  2. XMLDocument 获取 XML 的引用。

方法:

  1. getAttribute() 获取指定的属性值。
  2. load(object) 从 userData 存储区载入存储的对象数据。
  3. removeAttribute() 移除对象的指定属性。
  4. save(object) 将对象数据存储到一个 userData 存储区。
  5. setAttribute() 设置指定的属性值。

注意:1.  如果不主动删除 localstorage  是不会自动清空的 不会像cookie一样清除

            2.  localstorage 几乎支持大部分浏览器 不用考虑IE8 的问题 大小为 5M



你可能感兴趣的:(HTML5)