HTML中调用XML数据实例
教程管理员 发布于2023-09-30 09:59 HTML教程 138
简介:
<myfile>
<title>HTML中调用XML数据实例</title>
<author>菲菲</author>
<email>feifei@tom.com</email>
<date>2011-11-14</date>
</myfile>
<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="#336600">
<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>
首先:我们要弄明白HTML和XML区别:
XML 不是 HTML 的替代;
XML 和 HTML 为不同的目的而设计;
XML 被设计为传输和存储数据,其焦点是数据的内容;
HTML 被设计用来显示数据,其焦点是数据的外观;
HTML 旨在显示信息,而 XML 旨在传输信息。
为了方便大家理解它们之间的差异:下面是一个简单的 HTML中调用XML数据实例:
共两个文件 (放在一起哦):
命名为:myxml.xml的文件:
<myfile>
<title>HTML中调用XML数据实例</title>
<author>菲菲</author>
<email>feifei@tom.com</email>
<date>2011-11-14</date>
</myfile>
命名为:ok.html的文件:
<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="#336600">
<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>
下面直接运行ok.html即可。
本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/925193,如需转载请自行联系原作者
相关推荐
- 03-09 日化广告投放数据分析报告Office PPT免费模板背景素材下载
- 02-29 旅游大数据分析IOS风PPT模板。大数据分析已渗透各个产业,运用大数据可以精确化分析旅游业各方面的数据。
- 02-24 大数据互联网科技PPT模板。一套科技风幻灯片模板,适合大数据、云计算等互联网新技术新应用新产品的演示。
- 02-17 测量与计算数据分析对比Office PPT免费模板背景素材下载
- 12-07 数据分析员个人应聘求职简历封面下载_简介doc文档Word模板下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序,Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-