html5-web本地儲存

zting科技發表於2017-01-10

   在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系列:

    1. html5聲頻audio和視訊video
    2. html5-Canvas繪圖
    3. html5之Canvas座標變換應用-時鐘例項
    4. html5-web本地儲存

本文轉自破狼部落格園部落格,原文連結:http://www.cnblogs.com/whitewolf/archive/2011/03/04/1970457.html,如需轉載請自行聯絡原作者


相關文章