歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> HTML5中Web存儲方式

HTML5中Web存儲方式

日期:2017/3/1 9:55:55   编辑:Linux編程

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