`

在HTML中调用XML数据

阅读更多
<html>
<head>
<style type="text/css">
<!--
p{
	font-family:Arial;
	font-size:15px;
}
-->
</style>
<script language="javascript" event="onload" for="window">
	var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	xmlDoc.async="false";
	xmlDoc.load("14-2.xml");	//调用数据
	var nodes = xmlDoc.documentElement.childNodes;   
	title.innerText = nodes.item(0).text; 
	author.innerText = nodes.item(1).text;
	email.innerText = nodes.item(2).text;
	date.innerText = nodes.item(3).text;
</script>
<title>在HTML中调用XML数据</title>
   </head>
<body>
	<p><b>标题:</b> <span id="title"></span></p>
	<p><b>作者:</b> <span id="author"></span></p>
	<p><b>信箱:</b> <span id="email"></span></p>
	<p><b>日期:</b> <span id="date"></span></p>
</body>
</html>

 

<?xml version="1.0" encoding="gb2312"?>
<book>
	<title>CSS</title>
	<author>isaac</author>
	<email>demo@demo.com</email>
	<date>20070624</date>
</book>

 

分享到:
评论

相关推荐

    html调用xml数据

    HTML调用XML数据是Web开发中的常见操作,特别是在构建动态网页和富互联网应用程序时。XML(eXtensible Markup Language)是一种结构化数据格式,用于存储和传输数据,而HTML则用于展示这些数据。本教程将详细介绍...

    XML与CSS、XML与XSL及在页面中直接调用XML的数据

    4. **在页面中直接调用XML数据** 在网页中,我们可以通过JavaScript或AJAX(异步JavaScript和XML)技术直接从服务器获取XML数据并在页面上动态展示。例如,使用JavaScript的`XMLHttpRequest`对象,可以发送HTTP请求...

    纯html标签静态调用xml文件及xsl对xml文件的的显示修饰

    在本案例中,我们将探讨如何使用纯HTML标签静态调用XML文件,并利用XSL进行显示修饰,不依赖JavaScript等脚本语言。 首先,让我们了解HTML如何静态调用XML文件。这主要通过`&lt;object&gt;`或`&lt;iframe&gt;`标签实现。例如,...

    xml自动调用数据库数据填写表单

    2. 事件驱动:利用JavaScript或jQuery监听用户操作,当满足特定条件时,自动从XML数据中获取并填充表单。 3. 数据验证:在表单提交前,可对比XML数据验证表单内容的正确性,确保数据的一致性。 四、jQuery与XML的...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    然后在XML文档中调用,在第一行后插入: &lt;!DOCTYPE myfile SYSTEM "myfile.dtd"&gt; 我们可以看到DTD文档和HTML中js的调用是差不多的,关于DTD文档具体如何写,我们将在下一章和XML文档的语法一起介绍。 下面我们来...

    xslt控制xml样式并被html、c#后台调用

    在C#后台调用XML和XSLT的过程中,主要涉及.NET Framework的System.Xml.Xsl命名空间。C#代码可以使用XslCompiledTransform类执行XSLT转换。这个过程包括加载XML文档,加载XSLT样式表,然后执行转换,最后将结果输出为...

    网络GIS_html.zip_HTML标准图显示等_html调用xml

    在“网络GIS_html.zip_HTML标准图显示等_html调用xml”这个压缩包中,主要涉及的是如何在HTML页面中展示标准地图,并利用XML进行数据交互。 HTML标准图显示通常指的是使用HTML5的新特性来呈现地图。HTML5引入了一些...

    使用VC++调用XML

    在VC++环境中,调用XML通常会使用MSXML库,这是一个微软提供的XML解析器,支持DOM接口。通过MSXML,开发者可以创建XMLDocument对象来加载XML文件,然后使用DOM的方法如getElementsByTagName、childNodes等来遍历和...

    XML数据转换

    在处理XML数据时,我们经常需要进行数据转换,以便将XML格式的数据转化为其他格式,如JSON、CSV或者数据库记录。下面将详细讨论XML数据转换的相关知识点。 一、XML的基本结构与特性 XML是一种自描述性的文本格式,...

    一个jsp文件模拟xml文件,通过js调用解析后,在新的jsp页面上显示省市二级联动。

    本示例中提到的“一个jsp文件模拟xml文件,通过js调用解析后,在新的jsp页面上显示省市二级联动”是一个典型的前端与后端交互的场景,涉及到的技术点主要包括JSP、XML和JavaScript,以及前端的动态数据处理和页面...

    通过webservice提交xml数据以及soap协议的使用

    在提供的文件"通过webservice提交xml数据以及soap协议的使用 - 技术成就梦想 - CSDN博客.html"中,很可能包含了详细的操作步骤、示例代码以及相关的最佳实践。通过阅读这篇博客文章,你可以更深入地理解如何在实际...

    HTML5 api 调用示例

    HTML5 API调用示例是现代网页开发中的关键部分,它极大地扩展了Web应用程序的功能,使其可以实现更多原生应用的特性。W3C(万维网联盟)是定义HTML5标准的权威组织,它的API规范为开发者提供了丰富的工具集,以创建...

    XML数据源对象DSO介绍.pptx

    内嵌式数据岛是将 XML 数据直接嵌入到 HTML 文档中,而引入式数据岛是将 XML 数据存放到一个独立的 XML 文件中,然后在 HTML 文档中通过语句调用引入。 在 HTML 文档中,数据岛可以通过 DATASRC 属性来绑定数据源...

    JS调用XML的结合的闲谈

    "JS调用XML的结合的闲谈"这个主题涵盖了JavaScript与XML的集成,以及它们在实际项目中的应用。这篇总结将深入探讨如何通过JavaScript操作XML文档,提取、修改和展示数据。 首先,XML(eXtensible Markup Language)...

    flash+xml调用源文件

    当Flash需要动态加载和展示外部数据时,XML成为理想的选择,因为XML数据可以被轻松解析并应用到Flash项目中。 具体到这个压缩包文件,我们有以下几个关键组件: 1. `flash.css`:这是一个CSS(Cascading Style ...

    ajax获取服务器以xml形式输出省市数据,并获取数据绑定前台下拉框和实现联动

    在这个例子中,`onreadystatechange`事件处理函数会在状态改变时被调用,当`readyState`为4且`status`为200表示请求成功,此时可以访问到`responseXML`属性,它包含了服务器返回的XML数据。 接下来,我们需要解析...

    java中调用dhtmlXTree与xml (2)设置地址url

    在Java编程环境中,调用dhtmlXTree并与XML数据交互是一项常见的任务,特别是在构建富客户端应用或者需要动态呈现树形结构数据的场景下。dhtmlXTree是一款强大的JavaScript组件,它能够创建美观、功能丰富的树形菜单...

    如何在Java中将XML文档转换成HTML文档.pdf

    在实际应用中,常常需要将XML中的数据转换为HTML格式,以便于在网页上直观地展示数据。 ##### Java中XML转HTML技术概述 在Java环境中,实现XML文档向HTML文档转换的技术主要依赖于XSLT(Extensible Stylesheet ...

    html XML使用大全

    第一部分 XML简介... 9 第1章 XML概览... 9 1.1 什么是XML....1.1.1 XML是元标记语言......1.1.2 XML描述的是结构和语义,而不是格式...1.4.7 如何将这些技术融合在一起... 19 1.5 本章小结... 20 第2章 XML应用简介... 21

Global site tag (gtag.js) - Google Analytics