原生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 DataMicrosoftInternet ExplorerUserData。
在Vista下，位于C:Users用户名AppDataRoamingMicrosoftInternet ExplorerUserData。

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"));