常见的本地存储方式之localStroage、sessionStorage

HTML5 提供了两种在客户端存储数据的新方(HTML 5 Web 存储):

  • localStorage - 没有时间限制的数据存储
  • sessionStorage - 针对一个 session 的数据存储

localstroage

localstorage按照对象的形式存储数据,因此其key只能为字符串,共包含5个常用的API.

  • setItem
  • getItem
  • removeItem
  • length
  • clear
    如下的代码执行

  
    
    
    
    
    
    
    
    
    
    
    
    滴滴企业版
    
  
   
    
test

我们可以得到如下的运行结果,


localstorage运行结果

对于浏览不支持localstorage,可以使用cookie来模拟localstorage,可以参见LocalStorage

session localstroage

sessionStorage的api与使用和localstorage类似,但是 sessionStorage只存在回话中,会随着窗口的关闭而关闭。


  
    
    
    
    
    
    
    
    
    
    
    
    滴滴企业版
    
  
   
    
test
常见的本地存储方式之localStroage、sessionStorage_第1张图片
运行结果

常见的本地存储方式之localStroage、sessionStorage_第2张图片
同域下测试

你可能感兴趣的:(常见的本地存储方式之localStroage、sessionStorage)