页面文件已经能够包含html和js代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>demo1.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="javascript" type="text/javascript">
var xhai_xml;
function xhai_GetXML(){
try{
xhai_xml = new ActiveXObject("Microsoft.XMLDOM");
xhai_xml.async=true;
xhai_xml.onreadystatechange = GetReadyIE;
xhai_xml.load("datafile.xml");
}catch(Exception){
var record;
xhai_xml = document.implementation.createDocument("","M2MDoc",null);
xhai_xml.async=false;
xhai_xml.load("datafile.xml");
//alert(xhai_xml.getElementsByTagName("SPID")[0].firstChild.nodeValue);
record = "SPID:"+xhai_xml.getElementsByTagName("SPID")[0].firstChild.nodeValue+"<br>";
//alert(xhai_xml.getElementsByTagName("SPName")[0].firstChild.nodeValue);
record = record + "SPName:"+ xhai_xml.getElementsByTagName("SPName")[0].firstChild.nodeValue + "<br>";
record = record + "MovieID | MovieName | Class |<br>";
//alert(xhai_xml.getElementsByTagName("Item").length);
var items = xhai_xml.getElementsByTagName("Item");
for(var i = 0 ; i < items.length ; i++){
//alert(items[i].attributes.length);
var attributes = items[i].attributes;
for(var j = 0 ; j < attributes.length ; j++){
//alert(attributes[j].value);
record = record + attributes[j].value + "|";
}
record = record + "<br>";
}
var page_attributes = xhai_xml.getElementsByTagName("Page")[0].attributes;
record = record + "Name:" + page_attributes[0].value+" ";
record = record + "AllPage" + page_attributes[1].value+" ";
record = record + "Count" + page_attributes[2].value+" ";
document.write(record);
}
}
function GetReadyIE(){
if(xhai_xml.readyState==4){
if(xhai_xml.parseError.errorCode==0){
document.write("SPID:"+xhai_xml.documentElement.selectNodes("SPID")(0).text+"<br />");
document.write("SPName:"+xhai_xml.documentElement.selectNodes("SPName")(0).text+"<br />");
document.write("<br />");
var i,c,d,Line;
var MovieList = xhai_xml.documentElement.selectNodes("//MovieList/Item");
var j=MovieList.length;
Line = MovieList.item(0);
d=Line.attributes.length;
for(c=0;c<d;c++){
document.write(Line.attributes(c).name+" | ");
}
document.write("<br />");
for(i=0;i<j;i++){
Line = MovieList.item(i);
d=Line.attributes.length;
for(c=0;c<d;c++){
document.write(Line.attributes(c).value+" | ");
}
document.write("<br />");
}
document.write("<br />");
var page = xhai_xml.documentElement.selectNodes("//Page").item(0)
j=page.attributes.length;
for(i=0;i<j;i++){
document.write(page.attributes(i).name+":");
document.write(page.attributes(i).value+" ");
}
}
delete(xhai_xml);
}
}
xhai_GetXML();
</script>
</head>
<body>
</body>
</html>
datafile.xml
<?xml version="1.0" encoding="gb2312"?>
<M2MDoc>
<SPID>3</SPID>
<SPName>5</SPName>
<MovieList>
<Item MovieID="103704" MovieName="忍" Class="动作片" />
<Item MovieID="103701" MovieName="风斗士" Class="动作片" />
<Item MovieID="103693" MovieName="无血无泪11" Class="动作片" />
</MovieList>
<Page Number="1" AllPage="3" Count="45"/>
</M2MDoc>
兼容IE和Firefox浏览器
分享到:
相关推荐
资源名称:使用Javascript解析xml文件或xml格式字符串 中文WORD版 内容简介: 本文档主要讲述的是使用Javascript解析xml文件或xml格式字符串;javascript中,不论是解析xml文件,...
JS 解析 XML 文件 作为一名 IT 行业大师,我将从给定的...使用 JavaScript 解析 XML 文件需要了解 XML 文档的结构和各个节点的类型,选择合适的解析方法,考虑浏览器兼容性问题,并掌握相关的 JavaScript 语法和方法。
在JavaScript中解析XML文件是一项常见的任务,特别是在网页开发中,我们可能需要将XML数据转换为HTML以便更好地展示或处理。JavaScript提供了DOMParser API和ActiveXObject(仅限于Internet Explorer)来解析XML。...
本文将深入探讨如何使用JavaScript在服务器端解析XML文件,并将其转化为树形菜单,以供用户交互。 首先,理解XML的基本结构至关重要。XML是一种自描述性的文本格式,通过标签来定义数据结构。例如: ```xml ...
综上所述,要完成“JavaScript解析XML文件并在网页上以目录树形式显示”的任务,你需要理解XML的基本概念,熟悉JavaScript的DOM操作,掌握XML数据的解析方法,以及如何将XML数据转换为HTML结构,并通过CSS和...
总结,JavaScript解析XML文档成树菜单涉及到DOM解析、XMLHttpRequest或fetch请求、DOM遍历、HTML结构生成、事件处理等多个技术点。具体实现可能因XML结构和需求而异,但基本流程是相似的。阅读原博客(288976)可以...
### JavaScript 对 XML 文件解析知识点详解 #### 一、XML 文件解析背景及意义 XML(Extensible Markup Language,可扩展标记语言)是一种用于标记数据的语言,主要用于传输和存储数据。在 Web 开发中,XML 常被...
JavaScript解析XML文档成树菜单.chm
在C++中,可以使用MSXML库的`IXMLDOMDocument`接口来加载并解析XML文件。以下是一个示例: ```cpp #include using namespace MSXML2; void parseXMLFile() { IXMLDOMDocumentPtr xmldoc; HRESULT hr; hr = ...
JAVASCRIPT解析XML的方法总结.pdf
类似于浏览器解析HTML文档并展示出来的方式,MSXML解析XML文件后,将其转换为一组抽象的信息容器,即节点(Node)。这些节点表示了文档的结构和内容,使得应用程序能够读取和操作文档中的信息,而无需深入了解XML的...
下面将详细探讨JavaScript解析XML的相关知识点。 1. DOM解析XML: 在JavaScript中,XML文档可以通过DOM(Document Object Model)接口来解析。DOM是一种标准,允许程序和脚本动态更新、添加和删除HTML或XML文档的...
### JavaScript读写XML文件:深度解析与应用实例 在现代Web开发中,XML(Extensible Markup Language)作为一种标准的数据交换格式,被广泛应用于各种场景,如配置文件、数据传输等。利用JavaScript进行XML文件的...
JavaScript中的XML解析器是用于处理XML数据的关键工具,它允许开发者在浏览器环境中解析XML文档或者XML字符串,从而在Web应用中有效地使用这些数据。XML(eXtensible Markup Language)是一种结构化数据语言,常用于...
总结来说,实现JavaScript解析XML以创建多级级联下拉列表涉及的主要知识点包括:JavaScript基础、XML文件结构与解析、DOM操作、事件监听以及动态生成HTML元素。通过这些技术,可以构建出交互性强、用户体验良好的Web...
在给定的文件中,主要讨论了如何使用JavaScript来解析XML文件,并提供了一个具体的例子。以下是对这些关键方法的详细解释: #### 1. 加载XML文件 JavaScript解析XML的第一步是加载XML文件。这通常通过创建一个XML...
在JavaScript中解析XML文件是一项常见的任务,特别是在处理服务器返回的数据或者构建富客户端应用时。XML(eXtensible Markup Language)是一种结构化数据格式,它允许我们存储和传输信息,而JavaScript作为浏览器中...
JavaScript是Web开发中不可或缺的一部分,尤其在前端领域,它提供了丰富的功能来处理各种任务,包括解析XML文件。XML(eXtensible Markup Language)是一种数据交换格式,常用于存储和传输结构化数据。在JavaScript...
XML(eXtensible Markup Language)是一种用于标记数据的语言,广泛应用在互联网上,尤其是在数据交换、配置文件和文档存储等领域。在XML文档中,有些字符是具有特殊含义的,例如 `、`>` 和 `&` 等,它们分别用于...