應用范圍
UserData是微軟為IE專門在系統中開辟的一塊存儲空間,所以說只支持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。
容量 網頁制作完成手冊中這樣說:
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的文件,文件個數應該沒有限制。在受限站點裡這兩個值分別是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可以綁定在大多數的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
設置或讀取文件過期時間
XMLDocument
讀取文件的XML DOM
方法
描述
getAttribute
讀取指定屬性的值
load
打開文件
removeAttribute
刪除指定的屬性
save
保存文件
setAttribute
為指定屬性賦值
UserData文件實際上就是一個XML文件,通過文件名->屬性的方式保存字符串,如以下一段代碼:
o.setAttribute("code", "hello world!");
o.save("baidu");
執行後,UserData文件夾中會生成一個baidu[1].xml文件,其中的內容是:
<ROOTSTUB code="hello,world!"/>
在一個文件中可以有多個屬性,也就是可以存儲多種不同的數據。
在音樂盒鏈接保存項目裡,封裝了一個UserData類,這樣可以更方便地使用UserData,代碼如下:
復制代碼 代碼如下:
/** @class 定義userdata的操作 */
var UserData = {
// 定義userdata對象
o : null,
// 設置文件過期時間
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-文件內容,e-過期時間
save : function(f, c, e){
if(UserData.init()){
var o = UserData.o;
// 保持對象的一致
o.load(f);
// 將傳入的內容當作屬性存儲
if(c) o.setAttribute("code", c);
// 設置文件過期時間
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);
// 返回文件內容
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函數定義結束
};