|
|
HTML5 是下一代 HTML 標準，開始吸引越來越多人的目光。HTML5 的 DOM Storage 機制提供了一種方式讓程序員能夠把信息存儲到本地的計算機上，在需要時獲取。這點和 cookie 相似，區別是 DOM Storage 提供了更大容量的存儲空間。
目前，在客戶端保存數據使用最多的是 cookie，但 cookie 的大小上限為 4KB，并且每次請求一個新頁面時 cookie 都會被發送過去。更多的存儲空間需要瀏覽器本身或是插件的支持，例如只在 InterNET Explorer 上使用的 userData，需要額外安裝插件的 Google Gears 和 Flash。現在，HTML5 提供了一種標準的接口，使程序員可以簡單地訪問存儲的數據。由于鍵值對存儲在本地計算機上，在頁面加載完畢后可以通過 JavaScript 來操作這些數據。
DOM Storage
示例應用程序：用戶注冊
本文使用的示例應用程序是一個簡單的用戶注冊過程，表單包含三個字段：name、age 和 address，我們將其拆分為兩個表單，分兩個頁面顯示。借助簡化了的數據模型，主要介紹如何利用 DOM Storage 功能處理表單跨頁問題。
DOM Storage 兩個分類
DOM Storage 分為 sessionStorage 和 localStorage。
localStorage 對象和 sessionStorage 對象使用方法基本相同，它們的區別在于作用的范圍不同。sessionStorage 用來存儲與頁面相關的數據，它在頁面關閉后無法使用。而 localStorage 則持久存在，在頁面關閉后也可以使用。
DOM Storage 接口
下面是 DOM Storage 的接口定義：
interface Storage {readonly attribute unsigned long length;
getter DOMString key(in unsigned long index);
getter any getItem(in DOMString key);
setter creator void setItem(in DOMString key, in any data);
deleter void removeItem(in DOMString key);
void clear();
};
it知識庫：淺談 HTML5 的 DOM Storage 機制，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
