html调用XML

最新推荐文章于 2021-06-25 20:21:33 发布
最新推荐文章于 2021-06-25 20:21:33 发布
阅读量187 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/winsor-w/archive/2007/03/05/664552.html
版权

方法一,数据绑定
XML文件
<?xml version="1.0"?>

<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tylor</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
<CD>
<TITLE>Greatest Hits</TITLE>
<ARTIST>Dolly Parton</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>RCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1982</YEAR>
</CD>
<CD>
<TITLE>Still got the blues</TITLE>
<ARTIST>Gary More</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Virgin redords</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1990</YEAR>
</CD>
<CD>
<TITLE>Eros</TITLE>
<ARTIST>Eros Ramazzotti</ARTIST>
<COUNTRY>EU</COUNTRY>
<COMPANY>BMG</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1997</YEAR>
</CD>
</CATALOG>


HTML文件
<html>
<head>

<script for="window" event="onload">
xmldso.XMLDocument.load("myfile.xml");

</script>

<script language="javascript">
function movenext()
{
if (xmldso.recordset.absoluteposition < xmldso.recordset.recordcount)
{
xmldso.recordset.movenext();
}
}
function moveprevious()
{
if (xmldso.recordset.absoluteposition > 1)
{
xmldso.recordset.moveprevious();
}
}
</script>

<TITLE>CD Navigate</TITLE>
</head>

<body>
<p>
<object WIDTH="0" HEIGHT="0"
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso">
</object>

<table>
<tr><td>Title:</td><td><SPAN ID="title" DATASRC=#xmldso DATAFLD="TITLE"></SPAN></td></tr>
<tr><td>Artist:</td><td><SPAN ID="artist" DATASRC=#xmldso DATAFLD="ARTIST"></SPAN></td></tr>
<tr><td>Year:</td><td><SPAN ID="year" DATASRC=#xmldso DATAFLD="YEAR"></SPAN></td></tr>
<tr><td>Country:</td><td><SPAN ID="country" DATASRC=#xmldso DATAFLD="COUNTRY"></SPAN></td></tr>
<tr><td>Company:</td><td><SPAN ID="company" DATASRC=#xmldso DATAFLD="COMPANY"></SPAN></td></tr>
<tr><td>Price:</td><td><SPAN ID="price" DATASRC=#xmldso DATAFLD="PRICE"></SPAN></td></tr>
</table>

<p>
<INPUT TYPE=button VALUE="上一张CD" onCLICK="moveprevious()">
<INPUT TYPE=button VALUE="下一张CD" onCLICK="movenext()">
</p>

</body>
</html>

方法二:
一.下面先建立一个xml文档myxml。myfile为根元素，它包含四个字元素:

<?xml version="1.0" encoding="gb2312"?>
<myfile>
 <title>xml实用进阶</title>
 <author>魅力奇异岭</author>
 <email>zhyt710@tom.com</email>
 <date>20060423</date>
</myfile>

二.在建立一个html文档myhtm，用来调用上面建立的xml文档，注意其中javascript的使用。例程如下：

<html>
<head>
<script language="JavaScript" for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("myxml.xml");
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 bgcolor="#FFFFFF">
  <b>标题: </b>
  <span id="title"></span><br>
  <b>作者: </b>
  <span id="author"></span><br>
  <b>电子信箱: </b>
  <span id="email"></span><br>
  <b>日期: </b>
  <span id="date"></span><br>   

</body>
</html>

把两者放在同一个目录下，你就可以打开myhtm.htm来察看myxml.xml的信息了

转载于:https://www.cnblogs.com/winsor-w/archive/2007/03/05/664552.html

weixin_34202952
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html页面加载xml文件,html调用xml方法
weixin_39814126的博客
06-04 1181
html调用xml方法[转]网上资源,软件技术堯仸 发表于 2006-11-18 10:09:02a.html文件名>1k大小>文件>b.html文件名>20k大小>文件>c.html文件名>2k大小>文件>datafld="文件名"/>/>这个例子是一本xml教程书上的例子。也许是它很经典，在很多其它的地方我都看到有抄录的。...
HTML与XML
陌上人如玉，公子世无双
12-19 555
前言 HTML和XML一起学的，对比着联系和区别再次总结一下。 HTML 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（Head）、和“主体”部分Body），其中“头”部分提供关于网页的信息，“主体”部分提供网页的具体内容。 HTML结构： 知识点 1. HTML元素的四种形式 2....
在HTML中调用XML数据
08-22
在HTML中调用XML数据。。希望大家可以看看研究一下。很有意思的东西
在html中引用XML
Sammy Lan-Promises Don't Come Easy!
05-09 1864
在html中引用XML:1.  内联XML包含在和标记之内2.  html中的标记使用datasrc属性引用内联xml3.  使用 datafld属性引用xml中的某一列,或者引用$Text文本数据域来现实引用所有列First.html:          1/1/99      9:00      104           
html中引入xml文件路径,使用基于路径的 sidecar.xml 文件导入文章
weixin_39836751的博客
06-21 429
导入文章有两种主要方法：从文件夹导入文章 - 当您使用此方法时，需要在“导入文章”对话框中指定“导入一篇文章”或“导入多篇文章”，然后指向包含源文件的文件夹。使用此方法时，正确结构化的文件名和文件夹非常重要。当您选择“导入多篇文章”时，指定包含文章元数据的 sidecar.xml 文件是可选的；传统 sidecar.xml 文件需要与文章子文件夹属于相同级别。有关使用此方法导入文章的信息，请参阅为...
HTML读取xml文件的三种办法
热门推荐
zhengyikuangge的博客
11-14 2万+
刚开始学这里的时候有点懵，以前没学过。但是学安卓动画（Animation）的时候接触过xml文件，总体来说不难。 一般来说xml文件用来储存数据，然后html读取它，主要介绍三种读取方式 利用CSS读取xml文件//CSS代码：设置xml数据的显示格式students{ display:table; border-top-width: 2mm; border-right-wi
网络GIS_html.zip_HTML标准图显示等_html调用xml
最新发布
09-24
在“网络GIS_html.zip_HTML标准图显示等_html调用xml”这个压缩包中，主要涉及的是如何在HTML页面中展示标准地图，并利用XML进行数据交互。 HTML标准图显示通常指的是使用HTML5的新特性来呈现地图。HTML5引入了一些...
html调用xml数据
03-06
HTML调用XML数据是Web开发中的常见操作，特别是在构建动态网页和富互联网应用程序时。XML（eXtensible Markup Language）是一种结构化数据格式，用于存储和传输数据，而HTML则用于展示这些数据。本教程将详细介绍...
ASP调用远程XML数据的代码(alexa排名数据)
10-28
在本文中，我们将探讨如何使用ASP（Active Server Pages）来调用和解析远程XML数据。我们将以调用网易新闻的XML数据为例，演示如何实现这一功能。 首先，我们需要创建一个ASP页面，并定义要请求的XML数据的URL。在...
ajax调用xml ajax调用html
08-19
ajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用xml ajax调用htmlajax调用...
在HTML页面中嵌入XML数据
程序人生
10-16 1万+
在HTML页面中嵌入XML数据使用非官方标准的标记可以将XML数据嵌入到HTML页面中。XML数据可以象下面的例子那样嵌入HTML页面:ToveJaniReminderDont forget me this weekend!或者象下面这样嵌入外部单独的XML文件:注意那个标记是一个HTML元素，而不是一个XML元素。
html 读取xml,html读取xml文件
weixin_39984952的博客
06-25 325
var ajax = false;window.onload = function(){if(window.XMLHttpRequest){ajax = new XMLHttpRequest();}else if(window.ActiveXobject){try {ajax = new ActiveXobject("microsoft.XMLHTTP");}catch(el){try{ajax ...
html动态调用xml文件内容,JavaScript实现读取与输出XML文件数据的方法示例
weixin_26882891的博客
06-04 620
本文实例讲述了JavaScript实现读取与输出XML文件数据的方法。分享给大家供大家参考，具体如下：一、介绍通过JavaScript读取XML文档中数据的方法很多。其根本的思路就是：首先在后台加载XML文档，然后通过JavaScript获取文档中所需的数据，最后应用HTML展示获取的数据。二、获取XML元素的属性值的应用下面应用attributes属性和getNamedItem()方法获取一个指...
html获取xml的数据,html显示xml文件数据
weixin_42397220的博客
06-04 1366
html显示xml文件数据发布时间：2020-04-22 13:48:12来源：亿速云阅读：239作者：小新本篇文章和大家了解一下html显示xml文件数据。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。有的时候我们需要在html显示xml，比如我们修改了xml,点击保存，需要在页面显示xml源码，让我们知道xml已经修改了，最好的方法是把xml放到pre元素中，但是会发现没有换...
html中怎样调用xml,HTML中调用XML数据实例
weixin_42367233的博客
06-04 630
首先：我们要弄明白HTML和XML区别：XML 不是 HTML 的替代；XML 和 HTML 为不同的目的而设计；XML 被设计为传输和存储数据，其焦点是数据的内容；HTML 被设计用来显示数据，其焦点是数据的外观；HTML 旨在显示信息，而 XML 旨在传输信息。为了方便大家理解它们之间的差异：下面是一个简单的 HTML中调用XML数据实例：共两个文件 (放在一起哦)：命名为：myxml.xml...
在Html中调用XML数据
lnsyhy521的专栏
03-28 1355
  file.xml文件XML   xml file   jimmy   lnsyhy521@163.com   20080325 HTML var XMLDoc=new ActiveXObject("Microsoft.XMLDOM"); //获得XMLDoc对象XMLDoc.async=
在html中解析xml文件(javascript 读取)
12-06 1万+
George John Reminder Don't forget the meeting! Simth 以上是note.xml的内容。 下面note.html是解析note.xml的内容： function parseXML(){ try{ xmlDoc= new ActiveXObject("Mi
html 加载 xml 文件
cchheennhhaaoo119的专栏
03-16 2875
page.html New Document  书名 作者 价格 简要介绍     book.xml   Spring2.0宝典  李刚  79.00     该书详细介绍了Spring2.0的用法      轻量级J2EE企业开发实战  李刚  69.00     该书主要介绍了一种流行的轻量级企业应用框架      Ajax宝典  李刚  76.00     该书全面介
JavaScript操作XML与HTML指南
- **在IE中将字符串转换为DOM对象**：通过`ActiveXObject`创建`MSXML.DOMDocument`对象，然后调用`loadXML`方法加载XML字符串，最后通过`documentElement`属性获取根元素。 对于HTML操作，虽然文件主要讲解XML，但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值