xml中如何连接html文件 5

如题... 如题 展开
 我来答
木东文档
2016-11-02
知道答主
回答量:82
采纳率:0%
帮助的人:20万
展开全部
方法一,数据绑定
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的信息了
清酒暖风Y
2016-11-03 · TA获得超过1434个赞
知道小有建树答主
回答量:1289
采纳率:60%
帮助的人:544万
展开全部
XML:(eXtensible Markup Language) 扩展标记语言,主要用于信息配置和小数据的网络传输
HTML:超文本标记语言,主要负责页面的静态展示

XML是一种静态语言,无法连接html文件
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
黄三公
2016-06-27 · 超过27用户采纳过TA的回答
知道答主
回答量:125
采纳率:0%
帮助的人:55.6万
展开全部
xml没有超文本的功能,所以连接不了html
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ctw2016love
2016-05-19 · TA获得超过2441个赞
知道小有建树答主
回答量:366
采纳率:0%
帮助的人:109万
展开全部
xml是地图页或是rss页面的 后台生成xml文件后里面就都有html的文件了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
搁浅那份殇life
2016-04-30
知道答主
回答量:2
采纳率:0%
帮助的人:2492
展开全部
可以用关联XSL的方法去编写执行一个HTML文件
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式