水平有限,歡迎指正、交流!!
這裡使用到的是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 獲取...