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

2019-11-21 00:23:44

字體：大中小

供稿：網(wǎng)友

應(yīng)用范圍
UserData是微軟為IE專(zhuān)門(mén)在系統(tǒng)中開(kāi)辟的一塊存儲(chǔ)空間，所以說(shuō)只支持Windows+IE的組合，實(shí)際測(cè)試在2000（IE5.5）、XP（IE6、IE7），Vista（IE7）下都是可以正常使用的。

在哪兒？
在XP下，一般位于C:/Documents and Settings/用戶名/UserData，有些時(shí)候會(huì)在C:/Documents and Settings/用戶名/Application Data/Microsoft/Internet Explorer/UserData。

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

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

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

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

如何使用？
用下面的JS語(yǔ)句就可以建立一個(gè)支持UserData的對(duì)象：

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

說(shuō)白了UserData就是樣式里的一個(gè)Behavior，所以這樣寫(xiě)也是一樣的：

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

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

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對(duì)象有以下的屬性和方法：

屬性
描述

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

XMLDocument
讀取文件的XML DOM

方法
描述

getAttribute
讀取指定屬性的值

load
打開(kāi)文件

removeAttribute
刪除指定的屬性

save
保存文件

setAttribute
為指定屬性賦值

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

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

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

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

在音樂(lè)盒鏈接保存項(xiàng)目里，封裝了一個(gè)UserData類(lèi)，這樣可以更方便地使用UserData，代碼如下：

復(fù)制代碼代碼如下:

 
/** @class 定義userdata的操作 */ 
var UserData = { 
// 定義userdata對(duì)象 
o : null, 
// 設(shè)置文件過(guò)期時(shí)間 
defExps : 365, 
// 初始化userdate對(duì)象 
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-過(guò)期時(shí)間 
save : function(f, c, e){ 
if(UserData.init()){ 
var o = UserData.o; 
// 保持對(duì)象的一致 
o.load(f); 
// 將傳入的內(nèi)容當(dāng)作屬性存儲(chǔ) 
if(c) o.setAttribute("code", c); 
// 設(shè)置文件過(guò)期時(shí)間 
var d = new Date(), e = (arguments.length == 3) ? e : UserData.defExps; 
d.setDate(d.getDate()+e); 
o.expires = d.toUTCString(); 
// 存儲(chǔ)為制定的文件名 
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é)束 
}; 