Jquery HTML5 LocalStorage 操作使用

最近在企業號開發中遇到個問題,用戶通過Click或其他事件進入新頁面的時候希望點擊返回的頁面內容還是之前的,

因為微信自帶瀏覽器安卓和IOS版本在返回后都會自動刷新當前頁面,重新到后台獲取數據(只基於本身服務器的頁面),

所以存在用戶操作不合理的問題,在查遍很多資料后發現LocalStorage可以解決這種問題.廢話不多說,直接上代碼.

儲存值:

localStorage.setItem("key","value");//存儲變量名為key，值為value的變量;  

localStorage.key = "value"//存儲變量名為key，值為value的變量;  

獲取值:

var Str=localStorage.getItem("key");//獲取存儲的變量key的值;

var Str=localStorage.key;//獲取存儲的變量key的值;  

刪除:

localStorage.removeItem("key")//刪除變量名為key的存儲變量;  

**JS操作的時候在所有方法前面加上window即可

 

localStorage特性:

• 是對Cookie的優化
• 沒有時間限制的數據存儲
• 在隱私模式下不可讀取
• 大小限制在500萬字符左右，各個瀏覽器不一致
• 在所有同源窗口中都是共享的
• 本質是在讀寫文件，數據多的話會比較卡（firefox會一次性將數據導入內存）
• 不能被爬蟲爬取，不要用它完全取代URL傳參
• IE７及以下不支持外，其他標准瀏覽器都完全支持

簡單來說localStorage可以像Map集合一樣以鍵值對的格式將所需要存放的數據存放在Cookie中,

當返回時只需將localStorage儲存的值以Key的方式獲取出來,set到所需要的地方即可.當然localStorage

只是針對於上一個頁面小部分數據的保存,以前沒怎么用過感覺發現新大陸一樣,所以記錄一下,H5真是個神器哈哈哈哈哈~