html调用xml方法

最新推荐文章于 2021-07-14 23:08:30 发布
最新推荐文章于 2021-07-14 23:08:30 发布
阅读量284 收藏
点赞数
分类专栏： Web 文章标签： xml html javascript button input vbscript

html调用xml方法

 

html调用xml方法[转]
网上资源,  软件技术

<xml id="files">
 <root>
  <文件>
   <文件名>a.html</文件名>
   <大小>1k</大小>
  </文件>
  <文件>
   <文件名>b.html</文件名>
   <大小>20k</大小>
  </文件>
  <文件>
   <文件名>c.html</文件名>
   <大小>2k</大小>
  </文件>
 </root>
</xml>

 

<table datasrc="#files">
 <tr>
  <td><span datafld="文件名" /></td>
  <td><span datafld="大小" /></td>
 </tr>
</table>

 

这个例子是一本xml教程书上的例子。也许是它很经典，在很多其它的地方我都看到有抄录的。我当然也是在抄录，但我先在这声明以下。毕竟我现在是在初学xml。

 

以下是要被html文件调用的xml文档例10-6.XML:

 

<?xml version="1.0" encoding="GB2312" ?>
<HotelList>
<Hotel>
 <Name>四海大酒店</Name>
 <Address>海魂路1号</Address>
 <HomePage>www.sihaohotel.com.cn</HomePage>
 <E-Mail>master@sihaohotel.com.cn</E-Mail>
 <TelePhone>(0989)8888888</TelePhone>
 <Grade>五星级</Grade>
</Hotel>
<Hotel>
 <Name>五湖宾馆</Name>
 <Address>东平路99号</Address>
 <HomePage>www.wuhu.com.cn</HomePage>
 <E-Mail>web@wuhu.com.cn</E-Mail>
 <TelePhone>(0979)1111666</TelePhone>
 <Grade>四星级</Grade>
</Hotel>
<Hotel>
 <Name>“大沙漠”宾馆</Name>
 <Address>留香路168号</Address>
 <HomePage>www.dashamohotel.com.cn</HomePage>
 <E-Mail>master@dashamohotel.com.cn</E-Mail>
 <TelePhone>(0989)87878788</TelePhone>
 <Grade>五星级</Grade>
</Hotel>
<Hotel>
 <Name>“画眉鸟”大酒店</Name>
 <Address>血海飘香路2号</Address>
 <HomePage>www.throstlehotel.com.cn</HomePage>
 <E-Mail>chuliuxiang@throstlehotel.com.cn</E-Mail>
 <TelePhone>(099)9886666</TelePhone>
 <Grade>五星级</Grade>
</Hotel>
</HotelList>

 

 


下面是调用xml文档的html文件

 

<HTML>
<HEAD><Title>数据岛中的记录集</Title></HEAD>
<body bkcolor=#EEEEEE text=blue bgcolor="#00FFFF">
<XML ID="theXMLisland" src="例10-6.XML"></xml>
<Table align=center width="100%"><TR><TD align="center">
      <h5><b><font size="6" color="#FF0000">XML数据岛记录</font></b></h5>
    </TD></TR></Table>
<HR>
酒店名称：<input type=text datasrc=#theXMLisland DataFLD=NAME size="76"><BR>
　　地址：<input type=text datasrc=#theXMLisland DataFLD=Address size="76"><BR>
　　主页：<input type=text datasrc=#theXMLisland DataFLD=HomePage size="76"><BR>
电子邮件：<input type=text datasrc=#theXMLisland DataFLD=E-Mail size="76"><BR>
　　电话：<input type=text datasrc=#theXMLisland DataFLD=TelePhone size="76"><BR>
　　级别：<input type=text datasrc=#theXMLisland DataFLD=Grade size="76"><HR>
<input id="first" TYPE=button value="<<　第一条记录" οnclick="theXMLisland.recordset.moveFirst()">
<input id="prev" TYPE=button value="<上一条记录" οnclick="theXMLisland.recordset.movePrevious()">   
<input id="next" TYPE=button value="下一条记录>" οnclick="theXMLisland.recordset.moveNext()">   
<input id="last" TYPE=button value="最后一条记录>>" οnclick="theXMLisland.recordset.moveLast()">&nbsp;   
<input id="Add" TYPE=button value="添加新记录" οnclick="theXMLisland.recordset.addNew()">  
</body>  
</HTML>

 

 

html文件中调用xml文档[js调用]

 

在这里，我用比较“古老”的方法，来在html文件中调用xml文档的数据。其中用到了javascript.我一向欣赏javascript,而不愿意用vbscript。当然，这只是我自己的一种情绪在作怪。vbscript当用且用。不要拒绝任何对你好的东西。下面是个简单的例子。

 

一.下面先建立一个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的信息了

 

xml数据查询调用

 

 

 
一会的工夫，我又参考了一些资料，作了一个关于在htm文件中查询xml文档纪录的例子。其中也是用到了脚本语言javascript。其实在这个地方。javascrip和vbscript的语句就是一样的。不过javascript多了语句结束符“;”。注意其中各个网页元素中id的使用，以及脚本中的查询语句的格式。好了，下面就是我做的例子，请大家欣赏.

 

先给出要查询的xml文件text.xml：

 

 

 

<?xml version="1.0" encoding="GB2312" ?>
<文章表>
  <文章>
   <id>1</id>
   <标题>xml的应用</标题>
   <内容>我是第一篇文章，欢迎看到我</内容>
  </文章>
  <文章>
   <id>2</id>
   <标题>爱情日记</标题>
   <内容>我是真的真的很爱你</内容>
  </文章>
  <文章>
   <id>3</id>
   <标题>忘忧草</标题>
   <内容>送给你一棵，让你忘记所有烦恼</内容>
  </文章>
    <文章>
   <id>4</id>
   <标题>无题</标题>
   <内容>这只是示例</内容>
  </文章>
</文章表>

 

接下来是用语查询上面的xml文档并显示的html文件showtext.htm:

 

<html>
<script language="javascript">
function query()
{
    //得到文章的标题
    s=document.all.Text.XMLDocument;
    temp=s.selectSingleNode("/文章表/文章[id='"+m.value+"']/标题");
    if(temp==null)  title.value='没有这个标题';
    else title.value=temp.text;
    //得到文章的内容
    temp=s.selectSingleNode("/文章表/文章[id='"+m.value+"']/内容");
    if(temp==null)  content.value='没有内容';
    else content.value=temp.text;
}
</script>
<head>
<title>查询xml中的纪录</title>
</head>

 

<body>
<xml id="Text" src="text.xml"></xml>

 

<h2>xml查询示例</h2>

 

请输入要查询的id号:
<input type="text" id="m" width=3 size="5"><input type="button" value="查找" οnclick="query()">
<br><br>

 

<input type="text" id="title"><br>
<textarea cols="30" rows="10" id="content"></textarea>

 

</body>

 

</html>

 

好了，现在就把这两个文件放在一个目录下，用浏览器打开showtext.htm欣赏一下吧。

 

在表格中调用xml文档数据并实现分页

 


在表格中调用xml文档数据.这个例子完全是我写的。我在表格里调用xml文档数据。并且在xml文档中用的是中文标签。而且再这个表格中实现了分页,和页面跳转功能。在htm文件中有相应的注释。我力争使这个页面出现尽可能多的典型的功能。我在例子中已经给了注释，所以就不在这里罗嗦讲解了。

 

以下是xml文档newxml.xml:

 

<?xml version="1.0" encoding="GB2312" ?>
<员工表>
   <员工>
    <姓名>张易</姓名>
    <性别>男</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>张晴</姓名>
    <性别>女</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>笑哈哈</姓名>
    <性别>女</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>444</姓名>
    <性别>男</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>555</姓名>
    <性别>女</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>666</姓名>
    <性别>女</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>999</姓名>
    <性别>男</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>777</姓名>
    <性别>女</性别>
    <年龄>23</年龄>
   </员工>
   <员工>
    <姓名>888</姓名>
    <性别>女</性别>
    <年龄>23</年龄>
   </员工>
</员工表>

 

以下是调用xml文档的html文件：

 

<html>
<head>
<title>中文标识的xml数据调用</title>
</head>

 

<body>
<XML ID="CNxml" src="newxml.xml"></xml>

 

<h2>表格调用xml数据并分页现显示</h2>

 

<table><!-- 列名单独作为一个表是为了不让它重复出现 -->
<tr>
<td width=50>姓名</td><td width=50>性别</td><td width=50>年龄</td>
</tr>
</table>
<table ID="ygTable" DATASRC="#CNxml" DATAPAGESIZE=3>
<!-- "DATAPAGESIZE"是设定每页显示的记录数 -->
<!-- 本table的标志，是用来控制页的滚动的行为对象 -->
<tr>
<td width=50><SPAN datafld=姓名></SPAN></td>
<td width=50><SPAN datafld=性别></SPAN></td>
<td width=50><SPAN datafld=年龄></SPAN></td>
</tr>
</table>
<br>

 

<!--该javascrip脚本函数实现页跳转功能-->
<script language="javascript">  
function go(pageNum)    
{
ygTable.firstPage();          
for(var i=1; i<pageNum; i++)   //不知道定位函数所以用循环来寻找应当到的页数
ygTable.nextPage();
}
</script>

 

<a href="javascript :go(1)">1</a>    
<a href="javascript :go(2)">2</a>        
<a href="javascript :go(3)">3</a> <br>      

 

<!-- onclick行为中，是以本table为主体对象调用的函数，可见这种方法实现份也是多么的简单 -->  
<input type="button" value="第一页" name="B1" οnclick="ygTable.firstPage()">       
<input type="button" value="上一页" name="B2" οnclick="ygTable.previousPage()">            
<input type="button" value="下一页" name="B3" οnclick="ygTable.nextPage()">            
<input type="button" value="最后一页" name="B4" οnclick="ygTable.lastPage()">
<!-- 页跳转功能，同样用到了上面javascript定义的脚本程序函数 -->
<input type="text" name="pageto" value="1" size="5">
<input type="button"  value="跳转" οnclick="go(pageto.value)">

 

</body>

 

</html>

lytwell
关注
专栏目录
html 加载 xml 文件
cchheennhhaaoo119的专栏
03-16 2905
page.html New Document  书名 作者 价格 简要介绍     book.xml   Spring2.0宝典  李刚  79.00     该书详细介绍了Spring2.0的用法      轻量级J2EE企业开发实战  李刚  69.00     该书主要介绍了一种流行的轻量级企业应用框架      Ajax宝典  李刚  76.00     该书全面介
html页面加载xml文件,html调用xml方法
weixin_39814126的博客
06-04 1222
html调用xml方法[转]网上资源,软件技术堯仸 发表于 2006-11-18 10:09:02a.html文件名>1k大小>文件>b.html文件名>20k大小>文件>c.html文件名>2k大小>文件>datafld="文件名"/>/>这个例子是一本xml教程书上的例子。也许是它很经典，在很多其它的地方我都看到有抄录的。...
html调用xml数据
03-06
html调用xml数据的原代码，简单明了，一看就会！直接打开看效果
html调用XML
weixin_34202952的博客
03-05 217
方法一,数据绑定XML文件<?xml version="1.0"?> <CATALOG><CD><TITLE>Empire Burlesque</TITLE><ARTIST>Bob Dylan</ARTIST><COUNTRY>USA</COUNTRY><COMPANY>Col...
html中引入xml文件路径,使用基于路径的 sidecar.xml 文件导入文章
weixin_39836751的博客
06-21 454
导入文章有两种主要方法：从文件夹导入文章 - 当您使用此方法时，需要在“导入文章”对话框中指定“导入一篇文章”或“导入多篇文章”，然后指向包含源文件的文件夹。使用此方法时，正确结构化的文件名和文件夹非常重要。当您选择“导入多篇文章”时，指定包含文章元数据的 sidecar.xml 文件是可选的；传统 sidecar.xml 文件需要与文章子文件夹属于相同级别。有关使用此方法导入文章的信息，请参阅为...
在html中引用XML
Sammy Lan-Promises Don't Come Easy!
05-09 1918
在html中引用XML:1.  内联XML包含在和标记之内2.  html中的标记使用datasrc属性引用内联xml3.  使用 datafld属性引用xml中的某一列,或者引用$Text文本数据域来现实引用所有列First.html:          1/1/99      9:00      104           
网络GIS_html.zip_HTML标准图显示等_html调用xml
09-24
在“网络GIS_html.zip_HTML标准图显示等_html调用xml”这个压缩包中，主要涉及的是如何在HTML页面中展示标准地图，并利用XML进行数据交互。 HTML标准图显示通常指的是使用HTML5的新特性来呈现地图。HTML5引入了一些...
html动态调用xml文件内容,JavaScript实现读取与输出XML文件数据的方法示例
weixin_26882891的博客
06-04 652
本文实例讲述了JavaScript实现读取与输出XML文件数据的方法。分享给大家供大家参考，具体如下：一、介绍通过JavaScript读取XML文档中数据的方法很多。其根本的思路就是：首先在后台加载XML文档，然后通过JavaScript获取文档中所需的数据，最后应用HTML展示获取的数据。二、获取XML元素的属性值的应用下面应用attributes属性和getNamedItem()方法获取一个指...
纯html标签静态调用xml文件及xsl对xml文件的的显示修饰
05-28
在本案例中，我们将探讨如何使用纯HTML标签静态调用XML文件，并利用XSL进行显示修饰，不依赖JavaScript等脚本语言。 首先，让我们了解HTML如何静态调用XML文件。这主要通过`<object>`或`<iframe>`标签实现。例如，...
在html中导入xml-------SimpleXML
dunyanan1的专栏
09-30 713
$xml = new SimpleXMLElement("books.xml",null,true);  foreach($xml->province as $province){    $attr = $province->attributes();    ech
在html中插入xml,在 HTML 页面中显示 XML 数据
weixin_35577004的博客
07-14 812
实例if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.open("GET","...
html调用xml
ayaya
03-05 318
book.xml [code="java"] XML基础 胡千好 ctguhqh@sina.com 咖啡迷 http://hi.baidu.com/javajavajava 2007年8月 [/code] books.html [code="java"] 在html中调用xml数据 var xmlDoc=new ActiveXObje...
如何在HTML中引用XML数据
07-05 2737
(转载自phpArticle--www.21ds.net)1,内嵌XML数据 第一次亲密接触(非痞子蔡版,请不要理解为侵权) xml 接触到XML稍微宝贵的地方---数据岛 感觉不错,是个好东东 第一次亲密接触 对象: 亲密程度: 结论: e.g:2.外部xml文件的引用 　　首先利用以前的知识建立一个XML文件(不是我懒,给你们一个机会锻炼^^) 　　涉及到以下中
html 外部xml,如何在HTML中引用XML数据
weixin_39811478的博客
06-16 325
1,内嵌XML数据＜html＞＜head＞＜meta http-equiv=＂Content-Type＂ content=＂text/html;charset=gb2312＂＞＜title＞第一次亲密接触(非痞子蔡版,请不要理解为侵权)＜/title＞＜/head＞＜body＞＜xml id=＂第一次亲密接触＂＞＜第一次亲密接触＞＜对象＞xml＜/对象＞＜亲密程度＞接触到XML稍微宝贵的地方---...
html5写入xml,自定义html标签(XML)
weixin_39576336的博客
06-03 271
HTML和HTML5都可以自定义标签。在浏览一些网站的源代码后，你会发现一些网页中存在你不认识的标签和元素，但是这些元素却能被浏览器执行。这就是自定义元素。自由定义标签而不必使用预定义好的语义标签之后，更能语义化我们的内容。在HTML5之前，文档的开头都是这样标记的。htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w...
在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
专注做咖啡的博客
02-27 9316
使用包org.w3c.tidy.Tidy的Tidy的parse方法转化Html和Xml。下载包并解压（下载地址https://sourceforge.net/projects/jtidy/）把jar包引入项目：过程是这样的右击项目名   Build  Path ---&gt;Configure  Build Path---&gt;Libraries---&gt;Add Exter JARS...(...
xml文件调用java方法
最新发布
05-10
要在 XML 文件中调用 Java 方法，可以使用 Java Server Pages (JSP) 或 JavaServer Faces (JSF) 等技术。以下是使用 JSP 的示例： 首先，创建一个 Java 类，该类包含要调用的方法。例如，我们创建一个名为 `MyClass...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值