原生JavaScript常用本地浏览器存储方法三(UserData IE Only)

UserData的应用范围

serData是微软为IE专门在系统中开辟的一块存储空间，所以说只支持Windows+IE的组合，实际测试在2000（IE5.5）、XP（IE6、IE7），Vista（IE7）下都是可以正常使用的。

UserData存储在哪儿？

首先设置文件夹全部显示，在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。

UserData容量

安全区域	页大小限制	域大小限制
Intranet	512KB	10MB
本机、可信任区域及Internet	128KB	1MB
受限制区域	64KB	640KB

线上使用时，单个文件的大小限制是128KB，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。在受限站点里这两个值分别是64KB和640KB，所以如果考虑到各种情况的话，单个文件最好能控制64KB以下。

由名/值对是作为XML节点的属性存储在userData的XML文档中，因此Internet Explorer可以自动将某些特殊字符转义为XML中的对应字符。例如，双引号（”）会被替换为"，而连字符（&）会被替换 为&。由于这些自动转义的字符会增加实际存储的数据大小，因此开发人员必须确保有足够的空间来存储转义后的数据。

UserData如何使用？

UserData其实就是借助一个方法给xml文件添加修改数据

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创建

var oUserData = document.body;
oUserData.addBehavior("#default#userdata");

UserData数据设置保存

oUserData.setAttribute("name","dtdxrk");
oUserData.save("cs");

执行后，UserData文件夹中会生成一个cs[1].xml文件，其中的内容是：
<ROOTSTUB name="dtdxrk"/>

UserData数据读取

oUserData.load("cs");
oUserData.getAttribute("name");

UserData删除属性

oUserData.removeAttribute("name")

UserData设置过期时间

var d = new Date();
d.setDate(d.getDate()+365);
oUserData.expires = d.toUTCString();

如果不设置时间会被默认为永久保存

UserData作用域

不同域、甚至同一域下的不同子域之间都不能共享数据。此 外，同一主机不同端口上的应用程序之间也无法共享数据。我们只能在同域同目录下的不同页面之间共享数据。例如，http://abc.com/Storage/Checkout.html可以访问http://abc.com/Storage/UserData.html，以及任何/Storage/目录下网页所存储的数据。如果试图从其他页面访问，仅会返回一个null。这些默认的限制是无法 改变的，并且几乎与cookie的默认规则恰恰相反。这也使得userData成为了Internet Explore中少数几个较为安全的功能之一。

UserData封装的方法

 var oUserData = {
   oStart : null,
   init : function(){
     if(oUserData.oStart == null){
       oUserData.oStart = document.body;
       oUserData.oStart.addBehavior("#default#userdata");
     }
   },
   /*
   XmlName xml文件名称
   attr 属性
   data 数据
   expiresDays 数据保存天数 不填为永久
   */
   save : function(XmlName, attr, data, expiresDays){
     try{
       oUserData.init();
       var oStart = oUserData.oStart;
       if(attr && data) oStart.setAttribute(attr, data);
       if(expiresDays){
         var d = new Date();
         d.setDate(d.getDate()+expiresDays);
         oUserData.expires = d.toUTCString();
       }
       oStart.save(XmlName);
     }catch(e){
       alert("保存UserData失败!");
     }
   },
   load : function(XmlName, attr){
     try{
       oUserData.init();
       var oStart = oUserData.oStart;
       if(oStart.load(XmlName)!==null && attr){
         oStart.load(XmlName);
         return oStart.getAttribute(attr);
       }
     }catch(e){
       alert("提取UserData失败!");
     }
   },
   del : function(XmlName, attr){
     try{
       oUserData.init();
       var oStart = oUserData.oStart;
       if(oStart.load(XmlName)!==null && attr){
         oStart.load(XmlName);
         oStart.removeAttribute(attr);
         oStart.save(XmlName);
       }
     }catch(e){
       alert("删除UserData失败!");
     }
   }
 } 

 oUserData.save("lx","name","dtdxrk");
 oUserData.del("lx","name");
 oUserData.save("lx","name2","dtdxrk2");
 alert(oUserData.load("lx","name"));
 alert(oUserData.load("lx","name2"));