[轉]UserData使用總結 - lanyu

UserData使用總結 - lanyu

2007-12-10 10:58

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

應用范圍

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。

容量

網頁制作完成手冊中這樣說：

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	設置或讀取文件過期時間
XMLDocument	讀取文件的XML DOM

方法	描述
getAttribute	讀取指定屬性的值
load	打開文件
removeAttribute	刪除指定的屬性
save	保存文件
setAttribute	為指定屬性賦值

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

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

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

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

在音樂盒鏈接保存項目里，封裝了一個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函數(shù)定義結束
};