HTML5 提供了四種在客戶端存儲數據的新方法，即 localStorage 、sessionStorage、globalStorage、Web Sql Database。 本文先介紹前面三個，這三個相對比較簡單，理解和操作都比較容易，下一節重點介紹Web Sql Database ：
一，localStorage ：
localStorage 沒有時間限制的數據存儲，第二天、第二周或下一年之后，數據依然可用。也就是說，localStorage是永遠不會過期的，除非主動刪除數據。數據可跨越多個窗口，無視當前會話，被共同訪問、使用。有點像AspNet 應用程序中的全局變量Application。
二，sessionStorage ：
顧名思義它就如同AspNet中的Session。 針對一個 session 的數據存儲，任何一個頁面存儲的信息在窗口中同一網站的任何頁面都可以訪問它存儲的數據。每個窗口的值都是獨立的，它的數據會因窗口的關閉而丟失，不同窗口間的sessionStorage是不可以共享的。
localStorage /sessionStorage都有相同的Api 如
localStorage.length 獲得storage中的個數
localStorage .key(n) 獲得storage中第n個鍵值對的鍵
localStorage.key = value
localStorage.setItem(key, value) 添加
localStorage.getItem(key)獲取
localStorage.removeItem(key) 移除
localStorage.clear() 清除
從上面的Api可以看出，他們其實就是鍵/值對，就是字典，就是JSON。既然可以看作是json ，那么對他們的操作就可以有如下方式:
如：localStorage.name="徐明祥" ;//添加
localStorage["name"]="徐明祥" ; //添加
alert(localStorage.name);//獲取
alert(localStorage["name"]);//獲取
三，globalStorage：
在瀏覽器關閉以后，使用globalStorage存儲的信息仍能夠保留下來，和sessionStorage一樣，域中任何一個頁面存儲的信息都能被所有的頁面共享。目前只有FF支持，且只支持當前域下的globalStorage存儲。
基本用法：
globalStorage['developer.mozilla.org'] —— 在developer.mozilla.org下面所有的子域都可以通過這個存儲對象來進行讀和寫。
globalStorage['mozilla.org'] —— 在mozilla.org域名下面的所有網頁都可以通過這個存儲對象來進行讀和寫。
globalStorage['org'] —— 在.org域名下面的所有網頁都可以通過這個存儲對象來進行讀和寫。
globalStorage[''] —— 在任何域名下的任何網頁都可以通過這個存儲對象來進行讀和寫。
方法屬性：
setItem(key, value) —— 設置或重置 key 值。
getItem(key) —— 獲取 key 值。
removeItem(key) —— 刪除 key 值。
設置 key 值：window.globalStorage["planabc.net"].key = value;
獲取 key 值：value = window.globalStorage["planabc.net"].key;
四，Web Sql DataBase
欲知詳情請看下一回：http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416418.html
原文地址：http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416386.html
出處： http://www.cnblogs.com/xumingxiang
版權：本文版權歸作者和博客園共有
轉載：歡迎轉載，為了保存作者的創作熱情，請按要求【轉載】，謝謝
要求：未經作者同意，必須保留此段聲明；必須在文章中給出原文連接；否則必究法律責任