html5-web本地儲存
在html5中為我們提供了一種本地快取機制,它將取代我們的cookie,並且它是不會隨瀏覽器發會我們的伺服器端的。我們可以採用js在客戶端自由的操作本地快取。html5中快取主要有localStorage,和sessionStorage。他們的用法一致。區別在於他們的時間限制不同。localStorage是不存在時間限制的。而sessionStorage這時基於session的資料儲存,在關閉或者離開網站後,資料將會被刪除。
下面我們來簡單看看官方的示例操作:
javascript
localStorage.fresh = “vfresh.org”; //設定一個鍵值
var a = localStorage.fresh; //獲取鍵值或者使用它的API:
javascript//清空storage
localStorage.clear();//設定一個鍵值
localStorage.setItem(“fresh”,“vfresh.org”);//獲取一個鍵值
localStorage.getItem(“fresh”);//return “vfresh.org” //獲取指定下標的鍵的名稱(如同Array)
localStorage.key(0);//return “fresh” //刪除一個鍵值
localStorage.removeItem(“fresh”);
sessionStorage相同就不用在廢話了,他相當於我們的過期時間Expire=0的cookie;
我的html5系列:
本文轉自破狼部落格園部落格,原文連結:http://www.cnblogs.com/whitewolf/archive/2011/03/04/1970457.html,如需轉載請自行聯絡原作者
相關文章
- 本地儲存
- JavaScript 本地儲存JavaScript
- web本地儲存Web
- angular 本地儲存Angular
- 本地儲存localStorage使用
- iOS如何本地儲存PHAssetiOS
- (十二)本地儲存及同步
- 聊聊前端的本地儲存前端
- web本地儲存(localStorage、sessionStorage)WebSession
- 儲存檔案到本地
- Javascript 本地儲存小結JavaScript
- 瀏覽器本地儲存瀏覽器
- 容器化RDS—— 計算儲存分離 or 本地儲存
- HTML5 之本地儲存HTML
- js—localstorage (本地儲存)必知JS
- flutter本地資料儲存 sqfliteFlutter
- 給自己組一個本地儲存
- Javascrip—前端本地儲存講解(16)Java前端
- JavaScript本地儲存(1):cookie在前端JavaScriptCookie前端
- JavaScript本地儲存的方式有哪些JavaScript
- 本地儲存VS雲端儲存:區別不只是資料存放位置
- 小程式-生成海報儲存本地相簿
- Android儲存多張圖片到本地Android
- 小程式 - 陣列追加兼本地儲存陣列
- Android本地儲存的幾種方式Android
- 淺談瀏覽器本地儲存-indexedDB瀏覽器Index
- 在vue中,localStorage本地儲存應用。Vue
- unity3d 本地資料儲存Unity3D
- HTML5本地儲存LocalstorageHTML
- 前端錄屏並儲存影片到本地前端
- Android從外部儲存裝置中儲存和載入本地檔案Android
- Docker配置本地映象與容器的儲存位置Docker
- 谷歌瀏覽器檢視本地儲存資訊谷歌瀏覽器
- 突破本地離線儲存的JS庫 localforageJS
- [乾貨]資料互動與本地儲存
- UI-senior(資料本地化-如何儲存圖片到本地)UI
- 使用 JDAudioCrawler 將下載的音訊儲存到本地儲存音訊
- 一文告知雲端儲存與本地儲存哪一個更適合你