HTML5中Web存储方式

HTML5中Web存储方式

HTML5中Web存储方式

浏览器（客户端）访问服务器端的时候，携带的数据，之前这些数据保存在cookie中，但是cookie保存的数据大小有限
 
html5的web存储分为：
 
localStorage存储：
 
      <script>
  if(window.localStorage){
      localStorage.name = 'admin';
      localStorage['age'] = '23';
      localStorage.setItem('gender','male');
    //localStorage.removeItem('name');
    //localStorage.clear();;
  }else{
      alert('no');
    }
    </script>
 
sessionStorage存储：
 
    <script>
  if(window.sessionStorage){
      sessionStorage.name = 'admin';
      sessionStorage['age'] = '23';
      sessionStorage.setItem('gender','male');
  }else{
      alert('no');
    }
    </script>
 
他们的区别在于：localStorage 存储在客户端，大小没有限制，时间也没有限制
 
sessionStorage: 在当前访问的页面，一旦关闭这个页面，下次在访问的时候就会释放变量
 
唯一的区别就在于，sessionStorage 保存的是当前访问的页面