UserData用法總結(jié) lanyu出品

更新時間：2010年07月01日 23:54:06 作者：

前一段做音樂和鏈接保存項目時用到了UserData，現(xiàn)在上線后效果不錯，就把UserData的一些用法總結(jié)出來，大家一同分享。

應用范圍
UserData是微軟為IE專門在系統(tǒng)中開辟的一塊存儲空間，所以說只支持Windows+IE的組合，實際測試在2000（IE5.5）、XP（IE6、IE7），Vista（IE7）下都是可以正常使用的。

在哪兒？
在XP下，一般位于C:\Documents and Settings\用戶名\UserData，有些時候會在C:\Documents and Settings\用戶名\Application Data\Microsoft\Internet Explorer\UserData。

在Vista下，位于C:\Users\用戶名\AppData\Roaming\Microsoft\Internet Explorer\UserData。

容量
網(wǎng)頁制作完成手冊中這樣說：

Security Zone
Document Limit (KB)
Domain Limit (KB)

Local Machine
128
1024

Intranet
512
10240

Trusted Sites
128
1024

Internet
128
1024

Restricted
64
640

線上使用時，單個文件的大小限制是128KB，一個域名下總共可以保存1024KB的文件，文件個數(shù)應該沒有限制。在受限站點里這兩個值分別是64KB和640KB，所以如果考慮到各種情況的話，單個文件最好能控制64KB以下。

如何使用？
用下面的JS語句就可以建立一個支持UserData的對象：

o = document.createElement('input');
o.type = "hidden";
o.addBehavior ("#default#userData");
//UserData.o.style.behavior = "url('#default#userData')" ;
//上面的語句也是一樣的作用
document.body.appendChild(o);

說白了UserData就是樣式里的一個Behavior，所以這樣寫也是一樣的：

<input type=hidden class= storeuserData />
<style>
.storeuserData {behavior:url(#default#userData);}
</style>

UserData可以綁定在大多數(shù)的html標簽上，具體為：

A, ACRONYM, ADDRESS, AREA, B, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, DD, DEL, DFN, DIR, DIV, DL, DT, EM, FONT, FORM, hn, HR, I, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, KBD, LABEL, LI, LISTING, MAP, MARQUEE, MENU, OBJECT, OL, OPTION, P, PLAINTEXT, PRE, Q, S, SAMP, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TEXTAREA, TT, U, UL, VAR, XM

UserData對象有以下的屬性和方法：

屬性
描述

expires
設(shè)置或讀取文件過期時間

XMLDocument
讀取文件的XML DOM

方法
描述

getAttribute
讀取指定屬性的值

load
打開文件

removeAttribute
刪除指定的屬性

save
保存文件

setAttribute
為指定屬性賦值

UserData文件實際上就是一個XML文件，通過文件名->屬性的方式保存字符串，如以下一段代碼：

o.setAttribute("code", "hello world!");
o.save("baidu");

執(zhí)行后，UserData文件夾中會生成一個baidu[1].xml文件，其中的內(nèi)容是：
<ROOTSTUB code="hello,world!"/>

在一個文件中可以有多個屬性，也就是可以存儲多種不同的數(shù)據(jù)。

在音樂盒鏈接保存項目里，封裝了一個UserData類，這樣可以更方便地使用UserData，代碼如下：

復制代碼代碼如下:

 
/** @class 定義userdata的操作 */ 
var UserData = { 
// 定義userdata對象 
o : null, 
// 設(shè)置文件過期時間 
defExps : 365, 
// 初始化userdate對象 
init : function(){ 
if(!UserData.o){ 
try{ 
UserData.o = document.createElement('input'); 
UserData.o.type = "hidden"; 
//UserData.o.style.behavior = "url('#default#userData')" ; 
UserData.o.addBehavior ("#default#userData"); 
document.body.appendChild(UserData.o); 
}catch(e){ 
return false; 
} 
}; 
return true; 
}, 
// 保存文件到userdata文件夾中 f-文件名，c-文件內(nèi)容，e-過期時間 
save : function(f, c, e){ 
if(UserData.init()){ 
var o = UserData.o; 
// 保持對象的一致 
o.load(f); 
// 將傳入的內(nèi)容當作屬性存儲 
if(c) o.setAttribute("code", c); 
// 設(shè)置文件過期時間 
var d = new Date(), e = (arguments.length == 3) ? e : UserData.defExps; 
d.setDate(d.getDate()+e); 
o.expires = d.toUTCString(); 
// 存儲為制定的文件名 
o.save(f); 
} 
}, 
// 從uerdata文件夾中讀取指定文件，并以字符串形式返回。f-文件名 
load : function(f){ 
if(UserData.init()){ 
var o = UserData.o; 
// 讀取文件 
o.load(f); 
// 返回文件內(nèi)容 
return o.getAttribute("code"); 
} 
}, 
// 檢查userdata文件是否存在 f-文件名 
exist : function(f){ 
return UserData.load(f) != null; 
}, 
// 刪除userdata文件夾中的指定文件 f-文件名 
remove : function(f){ 
UserData.save(f, false, -UserData.defExps); 
} 
// UserData函數(shù)定義結(jié)束 
}; 