歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

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 保存的是當前訪問的頁面

Copyright © Linux教程網 All Rights Reserved