欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html5中web存储方式:

程序员文章站 2022-06-18 16:12:51
(客户端)访问服务器端的时候,携带的数据,之前这些数据保存在cookie中,但是cookie保存的数据大小有限 html5的web存储分为: localstorage存储:   ...

(客户端)访问服务器端的时候,携带的数据,之前这些数据保存在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 保存的是当前访问的页面