js下利用userData實(shí)現(xiàn)客戶端保存表單數(shù)據(jù)

更新時間：2010年06月19日 12:46:28 作者：

對于多數(shù)網(wǎng)頁制作的朋友，實(shí)現(xiàn)在客戶端保存在網(wǎng)頁表單上的信息，比較多的是采用Cookie技術(shù)來實(shí)現(xiàn)，這些功能例如：下拉列表框選擇的選項，文本框輸入的數(shù)據(jù)等。

事實(shí)上，我們可以利用微軟DHTML默認(rèn)行為中的userData行為來實(shí)現(xiàn)這個功能。

因為很多網(wǎng)友問到這樣的問題，整理了一下，并提供了三個示例。下面將就該行為的使用做一個介紹：

UserData 行為（userData Behavior）：

1、說明：
userData行為通過將數(shù)據(jù)寫入一個UserData存儲區(qū)（UserData store）來保存數(shù)據(jù)，userData可以將數(shù)據(jù)以XML格式保存在客戶端計算機(jī)上，如果你用的是 Windows 2000 或者 Windows XP，是保存在C:\Documents and Settings\Liming\UserData\文件夾下（如果操作系統(tǒng)不是安裝在C盤，那么C就應(yīng)該是操作系統(tǒng)所在的分區(qū)）。

該數(shù)據(jù)將一直存在，除非你人為刪除或者用腳本設(shè)置了該數(shù)據(jù)的失效期。

userData行為提供了一個比Cookie更具有動態(tài)性和更大容量的數(shù)據(jù)結(jié)構(gòu)。每頁的UserData存儲區(qū)數(shù)據(jù)大小可以達(dá)到64 Kb，每個域名可以達(dá)到640 Kb。
userData行為通過sessions為每個對象分配UserData存儲區(qū)。使用save和load方法將UserData存儲區(qū)數(shù)據(jù)保存在緩存（cache）中。一旦UserData存儲區(qū)保存以后，即使IE瀏覽器關(guān)閉或者刷新了，下一次進(jìn)入該頁面，數(shù)據(jù)也能夠重新載入而不會丟失。
出于安全的考慮，相同協(xié)議使用同一個文件夾保存UserData存儲區(qū)數(shù)據(jù)。
For security reasons, a UserData store is available only in the same directory and with the same protocol used to persist the store.

在HTML、HEAD、TITLE和STYLE標(biāo)記上應(yīng)用了userData行為后使用save和load方法將會出錯。
Setting the userData behavior (proposed) class on the HTML, HEAD, TITLE, or STYLE object causes an error when the save or load method is called.

必須在行內(nèi)或者文檔的HEAD部分宣告如下樣式：

<STYLE>
.userData {behavior:url(#default#userdata);}
</STYLE>

userData行為可用于Microsoft? Win32?和Unix平臺上的IE 5.0以上版本，不支持Netscape。

2、語法：
HTML <ELEMENT STYLE="behavior:url('#default#userData')" ID=sID>
Script object.style.behavior = "url('#default#userData')"
object.addBehavior ("#default#userData")
注：sID參數(shù)是一個可以描述該標(biāo)記的唯一id。ID是可選的，但如果有，可以在腳本中方便地對該標(biāo)記加以控制。

3、成員：

expires
設(shè)置或取得使用userData行為保存數(shù)據(jù)的失效日期。
腳本語法：對象ID.expires = 參數(shù)
參數(shù)是一個使用UTC（Universal Time Coordinate，世界調(diào)整時間）格式表示失效日期的字符串。該屬性可以讀寫，沒有默認(rèn)值。瀏覽器會對比這個日期和當(dāng)前日期，如果到期，該數(shù)據(jù)就自動失效。

getAttribute()
取得指定的屬性值。

load(存儲區(qū)名)
從UserData存儲區(qū)載入存儲的對象數(shù)據(jù)。

removeAttribute()
從對象中刪除指定的屬性值。

save(存儲區(qū)名)
將對象數(shù)據(jù)存入一個UserData存儲區(qū)。

setAttribute()
設(shè)置指定的屬性值。

XMLDocument
取得存儲該對象數(shù)據(jù)的XML DOM引用。

具體用法可以查看MSDN（http://msdn.microsoft.com）
4、示例
示例一：文本框標(biāo)記的應(yīng)用（Microsoft）

代碼如下：