javascript读取xml,兼容火狐和ie各个版本

来源:互联网 发布:炫踪网络 加班严重吗 编辑:程序博客网 时间:2024/06/01 08:46
<script type="text/javascript">
         function getMessages() {
             var treesNode = XMLDoc.getElementsByTagName("trees");
             var InnerHtml = "";
             treesNode = treesNode[0];
            InnerHtml+="<ul><li class='info'><img src='Images/no_photo.jpg'/></li><li class='info'>姓名:张志军<p></p>职务:管理员<p></p>修改个人信息</li></ul><div style='clear:both'></div><img src='Images/wzlm.png'/>";
             for (var i = 0; i < treesNode.childNodes.length; i++)
             {
             InnerHtml += "<div class='tit' id=" +'menu'+ (i+1) + "><div class='titImg' id=" +'pc'+(1+i) + "></div><a class='on' id="  +'menu'+(i+1)+'_a' + " tabindex='1'>" + treesNode.childNodes[i].nodeName + "</a></div>"+"<div class='list' id=" + 'menu' + (i + 1) + '_child' + " ><ul>";
                for (var j = 0; j < treesNode.childNodes[i].childNodes.length; j++)
                {//遍历li
                     InnerHtml += "<li id="+'m'+(i+1)+'_'+(j+1)+"><a href='javascript:;'><img src="+treesNode.childNodes[i].childNodes[j].childNodes[0].firstChild.nodeValue+" /></a><a href='javascript:;' class="+'list_name'+">"+treesNode.childNodes[i].childNodes[j].childNodes[1].firstChild.nodeValue+"</a></li>";
                  
                  }
                      InnerHtml+="</ul></div>";
           
           }
           document.body.innerHTML = InnerHtml;

         }
         function createXMLDoc() {
             var xmlDoc;
             if (window.ActiveXObject) {//ie
                 var versions = ["Msxml2.DOMDocument.6.0", "Msxml2.DOMDocument.3.0"];
                 for (var i = 0; i < versions.length; i++) {
                     try {
                         xmlDoc = new ActiveXObject(versions[i]);
                         return xmlDoc;
                     }
                     catch (e) {


                     }
                 }
             }
             else if (document.implementation && document.implementation.createDocument) //firefox opera
             {

                 xmlDoc = document.implementation.createDocument("", "", null);
                 return xmlDoc;



             }
            
             return null;
         }


         //  XMLDoc.onreadystatechange = readyLoadXML;//如果以异步的方式,在ie中需要这段代码
         // XMLDoc.onload = xmlDoc_load;


         function xmlDoc_load() {
             alert("xml文档在firefox opera中异步加载成功!");

         }
         function readyLoadXML() {
             if (XMLDoc.readState == 1) {
                 alert("对象正在初始化,尚无任何可读的数据,正在载入数据");
             }
             if (XMLDoc.readState == 2) {
                 alert("数据正在载入对象并解析");
             }
             if (XMLDoc.readState == 3) {
                 alert("部分对象的数据已经读取并解析,因此对象模型是可用的。但是任然无法读取完整的对象数据");
             }
             if (XMLDoc.readState == 4) {
                 alert("对象已经载入,内容已经解析完毕");
             }
         }


     </script>

<script type="text/javascript">
    var XMLDoc = createXMLDoc();
    XMLDoc.async = false;
    XMLDoc.load("left.xml");
    window.onload = function () {
            getMessages();
        m1 = new Menu("menu1", 'menu1_child', 'dtu', '100', hide, my_on, my_off);
        m1.init();
        m2 = new Menu("menu2", 'menu2_child', 'dtu', '100', hide, my_on, my_off);
        m2.init();
        m3 = new Menu("menu3", 'menu3_child', 'dtu', '100', hide, my_on, my_off);
        m3.init();
        m4 = new Menu("menu4", 'menu4_child', 'dtu', '100', hide, my_on, my_off);
        m4.init();
        m5 = new Menu("menu5", 'menu5_child', 'dtu', '100', hide, my_on, my_off);
    
<?xml version="1.0" encoding="utf-8" ?>
<trees>
  <网站管理>
    <li>
      <src>'Images/list.png'</src>
      <name>权限管理</name>
    </li>
    <li>
      <src>'Images/list.png'</src>
      <name>文件目录</name>
    </li>
    <li>
      <src>'Images/list.png'</src>
      <name>数据字典</name>
    </li>
    <li>
      <src>'Images/list.png'</src>
      <name>数据库</name>
    </li>    
  </网站管理>
  <信息发布>
    <li>
      <src>'Images/list.png'</src>
      <name>信息发布</name>
    </li>
  </信息发布>  
  <网站管理>
    <li>
      <src>'Images/list.png'</src>
      <name>权限管理</name>
    </li>
    <li>
      <src>'Images/list.png'</src>
      <name>文件目录</name>
    </li>
    <li>
      <src>'Images/list.png'</src>
      <name>数据字典</name>
    </li>
    <li>
      <src>'Images/list.png'</src>
      <name>数据库</name>
    </li>    
  </网站管理>
  <信息发布>
    <li>
      <src>'Images/list.png'</src>
      <name>信息发布</name>
    </li>
  </信息发布>    
</trees>


原创粉丝点击