|
|
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函數定義結束
};
JavaScript技術：UserData用法總結 lanyu出品，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
