// 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>

　　

js加载XML文件的更多相关文章

  1. 通过JS加载XML文件，跨浏览器兼容

    引言 通过JS加载XML文件,跨多种浏览器兼容. 在Chrome中,没有load方法,需要特殊处理! 解决方案 部分代码 try //Internet Explorer { xmlDoc=new Ac ...

  2. js 加载 xml 及遍历属性及内容 整理

    本文旨在: js加载xml文件并读取节点信息 1 加载xml文件 var xmlDoc = loadXMLDoc("negativeData.xml"); function loa ...

  3. js便签笔记（8）——js加载XML字符串或文件

    1. 加载XML文件 方法1:ajax方式.代码如下: var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObje ...

  4. 通过 XML HTTP 加载 XML 文件

    新建一个.aspx文件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="02-通 ...

  5. dom4j加载xml文件

    ## dom4j加载xml文件 ``` // 1. 加载xml文件 InputStream is = MyTest.class.getResourceAsStream("user.xml&q ...

  6. 解决dom4j加载xml文件性能慢的问题

    在代码中使用: 1: DocumentHelper.parseText 2: SAXReader reader = new SAXReader(); Document extdocument = re ...

  7. java中加载xml文件方法

    this.getclass().getclassloader().getresourceasstream(String file); 可以加载文件,比如xml.

  8. 使用TreeView加载XML文件

    PS: 由于小弟初学编程,本文只写实现方式,代码写的不是很好请见谅! 1.需要读取的xml文档内容 2. 最终实现效果 3  貌似看起实现起来很复杂 但是想想还是挺简单 思路:  读取XML文档 →获 ...

  9. tomcat与springmvc 结合 之---第19篇 springmvc 加载.xml文件的bean 过程

    writedby 张艳涛,看springmvc 的源码太难了,怎么办, 这篇文章主要分析了看透springmvc的第9章结尾的 如何解析xml 命名空间标签 <?xml version=&quo ...

随机推荐

  1. Spring MVC 关于分页的简单实现

    据本人了解,目前较常用的分页实现办法有两种: 1.每次翻页都修改SQL,向SQL传入相关参数去数据库实时查出该页的数据并显示. 2.查出数据库某张表的全部数据,再通过在业务逻辑里面进行处理去取得某些数 ...

  2. 编写高质量JavaScript代码的基本要点记录

    原文:深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点 1.最小全局变量(Minimizing Globals)的重要性 JavaScript通过函数管理作用域.在 ...

  3. Maven的安装环境配置

    一.Maven的安装 二.Maven的配置 Settings.xml可以用来定义本地仓库.远程仓库.联网代理 Settings.xml文件可以存在两个地方: 1.多用户情况 conf目录下 2.单用户 ...

  4. 深入了解Bundle和Map

    [转]http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0402/2684.html 前言 因为往Bundle对象中放入Map实际上 ...

  5. oracle系列--级联删除和级联更新

    必须声明:此博客转载于Oracle外键级联删除和级联更新http://www.2cto.com/database/201507/417496.html 鉴于此前收藏的精彩博客无料被删除了,很是痛心,所 ...

  6. Html 和 Css 的杂乱总结

    1. input 中可以设置 maxLength 属性,控制输入的文字数量,中英文字节数一样,但是没有验证兼容性 2.客户端中的页面禁止右键,复制等 <body scroll="no& ...

  7. css :active伪类的理解

    /*active伪类为点击鼠标按下去还没松开鼠标的那一瞬间的事件*/

  8. win10新特性，ubuntu子系统（安装及配置）

    最新版win10下可以直接跑ubuntu镜像,直接入正题. 这里如果你没有可能是你的版本不是最新的,我这里是最新的win10直接是有这个功能的.勾选后会要求重启,确定即可. 然后win键弹出搜索,输入 ...

  9. --@angularJS--独立作用域scope绑定策略之&符策略

    1.index.html: <!DOCTYPE HTML><html ng-app="app"><head>    <title>s ...

  10. jquery动态加载 去除js

    !-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js&quo ...