H5本地化儲存

2021-07-29 12:52:12 字數 1530 閱讀 3880

水平有限,歡迎指正、交流!!

這裡使用到的是h5的本地化sessionstorage儲存。

/* 

* @author: [yxl] <[email protected]>

* @date: 2017-03-22 13:28:07

* @last modified by: [yxl] <[email protected]>

* @last modified time: 2016-05-21 13:29:06

*/;(function($) ) [description]

*/var value = '';

value = sessionstorage.getitem("key");//獲取值

if(value !== 'none'), 5000);

}else);

}sessionstorage.setitem("key", "none");//寫入

提到 sessionstorage那就得看看localstorage了。相容性也比較好ie8以上妥妥的。。

sessionstorage生命週期跟session一樣,當使用者關閉瀏覽器之後資料將被銷毀。

locslstorage生命週期只要使用者不主動清理,資料將一直儲存。改儲存是以key——value形式進行儲存,資料為字串形式,非字串需要使用json.stringify(data)進行轉換,取出資料json.parse(data)轉換。

常用操作:

1、寫入讀取

localstorage.name = 'fdipzone';  

name = localstorage.name;

localstorage['name'] = 'fdipzone';

name = localstorage['name'];

localstorage.setitem('name', 'fdipzone');

name = localstorage.getitem('name');

2、寫,讀,刪,清空:setitem(), getitem(), removeitem(), clear();』

儲存大小大約在5m空間。

最後乙個經典cookie:

cookie瀏覽器大小大概為4k左右,比較小,儲存內容也就相對少了,內容一旦超過記憶體大小,將自動更迭,剔除老資料,新增進新資料。在嘗試做一些儲存量資料不高的情況下,可以使用cookie畢竟cookie的所有瀏覽器都相容。

希望對大家有點點幫助!!

H5本地快取

h5本地儲存 localstorage sessionstorage 兩種用法相似。localstorage 不清除的情況下,會一直存在 sessionstorage 會話關閉,就會消失。方法介紹 setitem getitem 比如 localstorage.setitem key value s...

h5本地儲存

web storage分為兩種 sessionstorage localstorage 從字面意思就可以很清楚的看出來,sessionstorage將資料儲存在session中,瀏覽器關閉也就沒了 而localstorage則一直將資料儲存在客戶端本地 儲存資料 localstorage.setit...

h5 本地儲存

h5為了規範 以前就是cookies,session localstorage 1.永久生效 除非手動刪除掉 2.多視窗共享 3.容量大約20m window.localstorage.setitem key,value 設定內容 window.localstorage.getitem key 獲取...