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>
读取上面的节点,显示在网页上,我是这样写的
1 <html> 2 <head> 3 <title></title> 4 <script type="text/javascript"> 5 function show() 6 { 7 if (window.XMLHttpRequest) 8 9 { 10 xmlhttp=new XMLHttpRequest(); 11 } 12 else 13 { 14 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 15 } 16 if(xmlhttp!=null) 17 { 18 xmlhttp.open("GET","xmlname.xml",false); 19 xmlhttp.send(null); 20 var responsexml=xmlhttp.responseXML; 21 var menus=responsexml.getElementsByTagName("Menus")[0]; 22 var html=""; 23 for(var i=0;i<menus.childNodes.length;i++) 24 { 25 var menu=menus.childNodes[i]; 26 html=html+"<h1>"+menu.getAttribute("name")+"</h1><br>"; 27 html=html+"<h2>"+menu.childNodes[0].getAttribute("name")+"</h2><br>"; 28 for(var j=0;j<menu.childNodes[0].childNodes.length;j++) 29 { 30 var mi=menu.childNodes[0].childNodes[j]; 31 var url=mi.getAttribute("url")+"<br>"; 32 var txt=mi.childNodes[0].nodeValue; 33 html=html+" <a href=\""+url+"\">"+txt+"</a>"; 34 } 35 } 36 document.getElementById("tb").innerHTML=html; 37 } 38 else 39 { 40 alert("你用的什么浏览器?"); 41 } 42 } 43 </script> 44 </head> 45 <body onload="show()"> 46 <div id="tb"></div> 47 </body> 48 </html>
没有用TABLE ,是因为显示倒了,所以设置了一个变量,然后显示!值得今后借签!