DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js下利用userData實現客戶端保存表單數據
js下利用userData實現客戶端保存表單數據
編輯:關於JavaScript     

事實上,我們可以利用微軟DHTML默認行為中的userData行為來實現這個功能。

因為很多網友問到這樣的問題,整理了一下,並提供了三個示例。下面將就該行為的使用做一個介紹:

UserData 行為(userData Behavior):

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

該數據將一直存在,除非你人為刪除或者用腳本設置了該數據的失效期。

userData行為提供了一個比Cookie更具有動態性和更大容量的數據結構。每頁的UserData存儲區數據大小可以達到64 Kb,每個域名可以達到640 Kb。
userData行為通過sessions為每個對象分配UserData存儲區。使用save和load方法將UserData存儲區數據保存在緩存(cache)中。一旦UserData存儲區保存以後,即使IE浏覽器關閉或者刷新了,下一次進入該頁面,數據也能夠重新載入而不會丟失。
出於安全的考慮,相同協議使用同一個文件夾保存UserData存儲區數據。
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標記上應用了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.

必須在行內或者文檔的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參數是一個可以描述該標記的唯一id。ID是可選的,但如果有,可以在腳本中方便地對該標記加以控制。

3、成員:

expires
設置或取得使用userData行為保存數據的失效日期。
腳本語法:對象ID.expires = 參數
參數是一個使用UTC(Universal Time Coordinate,世界調整時間)格式表示失效日期的字符串。該屬性可以讀寫,沒有默認值。浏覽器會對比這個日期和當前日期,如果到期,該數據就自動失效。

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

load(存儲區名)
從UserData存儲區載入存儲的對象數據。

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

save(存儲區名)
將對象數據存入一個UserData存儲區。

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

XMLDocument
取得存儲該對象數據的XML DOM引用。

具體用法可以查看MSDN(http://msdn.microsoft.com)
4、示例
示例一:文本框標記的應用(Microsoft)

代碼如下:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
示例二:Checkbox標記的應用

代碼如下:


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
示例三:Select標記的應用

代碼如下:


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved