当前位置: 移动技术网 > IT编程>网页制作>Html5 > html5中web存储方式:

html5中web存储方式:

2018年10月25日  | 移动技术网IT编程  | 我要评论

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

 

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网