当前位置:编程学习 > XML/UML >>

xml详解

今天,我在CSDN上帮别人解决了一个问题,贴上源码
xml
<?xml version="1.0" encoding="utf-8"?>
<Menus>
  <Menu id="0" name="首页">
    <MenuItemTitle sid="01" mid="0" name="常用选项">
      <MenuItem mid="0" tid="01" url="Home.aspx">后台首页</MenuItem>
      <MenuItem mid="0" tid="01" url="Test.aspx">测试页</MenuItem>
    </MenuItemTitle>
  </Menu>
  <Menu id="0" name="试试">
     <MenuItemTitle sid="01" mid="0" name="常用选项">
       <MenuItem mid="0" tid="01" url="Home.aspx">后台首页</MenuItem>
       <MenuItem mid="0" tid="01" url="Test.aspx">测试页</MenuItem>
     </MenuItemTitle>
  </Menu>
</Menus>

读取上面的节点,显示在网页上,我是这样写的
<html>
<head>
<title></title>
<script type="text/javascript">
function show()
{
if (window.XMLHttpRequest)

{
     xmlhttp=new XMLHttpRequest();
}
else
{
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if(xmlhttp!=null)
{
   xmlhttp.open("GET","xmlname.xml",false);
   xmlhttp.send(null);
   var responsexml=xmlhttp.responseXML;
   var menus=responsexml.getElementsByTagName("Menus")[0];
   var html="";
   for(var i=0;i<menus.childNodes.length;i++)
   {
       var menu=menus.childNodes[i];
       html=html+"<h1>"+menu.getAttribute("name")+"</h1><br>";
       html=html+"<h2>"+menu.childNodes[0].getAttribute("name")+"</h2><br>";
       for(var j=0;j<menu.childNodes[0].childNodes.length;j++)
       {
          var mi=menu.childNodes[0].childNodes[j];
          var url=mi.getAttribute("url")+"<br>";
          var txt=mi.childNodes[0].nodeValue;
          html=html+"   <a href=\""+url+"\">"+txt+"</a>";         
       }          
   }
   document.getElementById("tb").innerHTML=html;
}
else
{
  alert("你用的什么浏览器?");
}
}
</script>
</head>
<body onload="show()">
<div id="tb"></div>
</body>
</html>
没有用TABLE ,是因为显示倒了,所以设置了一个变量,然后显示!值得今后借签!

 

 

摘自 realnull

补充:Web开发 , 其他 ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,