js加载XML文件 

// XML文件
<?xml version="1.0" encoding="gb2312"?>
<root>
  <father name="菜单一">
    <Child url="right.html" enable="false">子项1</Child>
    <Child url="right.html" enable="false">子项2</Child>
    <Child url="right.html" enable="false">子项3</Child>
     
  </father>
  <father name="菜单二">
    <Child url="right.html" enable="false">子项3</Child>
    <Child url="right.html" enable="false">子项4</Child>
  </father>

</root>

// js 文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="JavaScript" src="js/jquery.js"></script>

<script type="text/javascript">
$(function(){	
	//导航切换
	$(".menuson li").click(function(){
		$(".menuson li.active").removeClass("active")
		$(this).addClass("active");
	});
	
	$('.title').click(function(){
		var $ul = $(this).next('ul');
		$('dd').find('ul').slideUp();
		if($ul.is(':visible')){
			$(this).next('ul').slideUp();
		}else{
			$(this).next('ul').slideDown();
		}
	});
})	
</script>
 
</head>

<body  style="background:#f0f9fd;">
	<div class="lefttop"><span></span>菜 单</div>
    
    <dl id="leftmenu" class="leftmenu">
      <SCRIPT>
          var xmlDom = null;
          if (window.ActiveXObject) {
              alert("aa");
              xmlDom = new ActiveXObject("Microsoft.XMLDOM");
              //xmlDom.loadXML(xmlFile);//如果用的是XML字符串  
              xmlDom.load(LeftXML.xml); //如果用的是xml文件。  
          } else if (document.implementation && document.implementation.createDocument) {
              var xmlhttp = new window.XMLHttpRequest();
              xmlhttp.open("GET", "LeftXML.xml", false);
              xmlhttp.send(null);
              xmlDom = xmlhttp.responseXML.documentElement;//一定要有根节点(否则google浏览器读取不了)  
          } else {
              xmlDom = null;
          }

          var finallyArray="";
          for (var i = 0; i < xmlDom.getElementsByTagName("father").length; i++) {
              
              var menuString = xmlDom.getElementsByTagName("father")[i].attributes[0].value;

              finallyArray += "<dd><div class='title'><span><img src='images/leftico02.png' /></span>" + menuString + "</div><ul class='menuson'>";
              
              for (var j = 0; j < xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child").length; j++) {       
                  var _childfirst = xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child")[j].textContent;
                  var _childsecond = xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child")[j].attributes[0].value;
                  var _childsecond = xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child")[j].attributes[1].value;

                  finallyArray = finallyArray + "<li><cite></cite><a href=" + _childsecond + " target='rightFrame'>" + _childfirst + "</a><i></i></li>";
              }
              finallyArray += "</ul></dd>";
          }
          document.getElementById("leftmenu").innerHTML = finallyArray;         
      </SCRIPT>
    </dl>
</body>
</html>

　　

posted @ 2015-09-08 20:26  JiangXiaoKun  阅读(578)  评论(0)  编辑  收藏  举报