用html显示xml中的数据

最新推荐文章于 2021-07-03 07:34:10 发布
最新推荐文章于 2021-07-03 07:34:10 发布
阅读量143 收藏 1
点赞数
文章标签： javascript ViewUI
本文介绍了一个简单的示例，展示了如何使用DTD定义XML文件结构，并通过JavaScript在HTML页面中加载并显示XML数据。该过程包括创建DTD文件定义XML元素、编写XML文档以及在HTML页面上动态展示这些数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.将下面文件存为myfile.dtd
<!ELEMENT myfile (title, author)>
<!ELEMENT title (#PCDATA)>
<!ELEMENT author (#PCDATA)>

2.然后建立XML文档myfile.xml:
<?xml version="1.0" encoding="GB2312"?>
<!DOCTYPE myfile SYSTEM "myfile.dtd">
<myfile>
<title>XML轻松学习手册</title>
<author>ajie</author>
</myfile>

3.建立HTML文档myfile.html
<html>
<head>
<script language="JavaScript" for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("myfile.xml");
nodes = xmlDoc.documentElement.childNodes;
title.innerText = nodes.item(0).text;
author.innerText = nodes.item(1).text;
</script>
<title>在HTML中调用XML数据</title>
</head>
<body bgcolor="#FFFFFF">
<b>标题: </b>
<span id="title"></span><br>
<b>作者: </b>
<span id="author"></span><br>
</body>

iteye_16215
关注
xml数据在html页面显示,在HTML中显示XML数据【兼容IE、Firefxo、Opera】
weixin_29083373的博客
06-09 1485
XML确实是个好东西，尤其是现在大部分网站都是生成HTML静态页面的，但是有一些数据是需要动态改变的，频繁更新HTML不是个好办法，这个时候XML就大显身手了，只需要把经常变动的内容保存成XML，在HTML页面上调用就可以，需要时只要更新下XML，不过在HTML中调用XML数据还是有点不怎么容易，数据岛适合大量数据的显示，但是只支持IE，下面这段小代码可以兼容大部分浏览器【附件里面有全部文件】：这...
在 HTML中显示XML数据的策略
norey_cn的专栏
06-07 1618
XML 的全名是 eXtenxible Markup Language （可以延伸或扩展的标记语言），它的语法类似 HTML ，都是用标签来描述数据。 HTML 的标签是固定的，我们只能使用、不能修改； XML 则不同，它没有预先定义好的标签可以使用，而是依据设计上的需要，自行定义标签。所以在电子商务的网络时代，用 XML 来组织数据，再用 HTML 页面来显示，将是设计网页的新方向。 　　本文主
html显示xml源码,在 HTML中显示XML数据的策略
weixin_28715081的博客
06-23 640
XML的全名是eXtenxible Markup Language(可以延伸或扩展的标记语言)，它的语法类似HTML，都是用标签来描述数据。HTML的标签是固定的，我们只能使用、不能修改；XML则不同，它没有预先定义好的标签可以使用，而是依据设计上的需要，自行定义标签。所以在电子商务的网络时代，用XML来组织数据，再用HTML页面来显示，将是设计网页的新方向。本文主要对两种在HTML中存贮并显示X...
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
10-22
- 在请求成功后，调用另外一个函数ReadXml来处理XML数据并显示在HTML页面上。 - 在ReadXml函数中，首先获取XML文档对象，然后定义表格的头部，接着通过getElementsByTagName获取所有stuinfo节点。 - 最后，通过遍历...
使用Spry轻松将XML数据显示到HTML页的方法
10-30
完成以上步骤后，HTML页面就能动态地显示XML数据了。然而，存在一些问题和挑战： 1. 对于中文XML节点，可能存在编码问题，需要确保XML文件和HTML文件都使用相同的字符编码，如UTF-8，并正确声明编码。 2. XML中的...
javascript XML数据显示为HTML一例
10-30
在加载并解析XML数据后，接下来的任务是将其转换成HTML表格形式并显示出来。这一过程主要包括以下步骤： 1. **创建表格框架**： ```javascript document.write("<table border='1'>"); ``` 2. **遍历每个`...
JS使用ajax从xml文件动态获取数据显示的方法
10-24
通过访问XHR对象的responseXML属性，使用DOM方法解析XML数据并构建页面展示内容。 5. **展示数据**：利用innerHTML或其他DOM操作方法将解析的数据动态添加到页面的指定元素中。 6. **异常处理**：在解析XML过程中...
html中显示xml
weixin_30617797的博客
07-20 588
在工作中经常会遇到一些特殊的要求，比如在html中显示xml，xml的格式跟html很相似，同样包含了标签、属性、值，所以xml的标签等内容会在html中被转义 如果要在html中让xml的内容（包括标签等）全部显示，则必须让xml的内容不被转义 解决方案1 把xml的特殊字符替换成html的转义字符 “<” -->&lt; ">"-->&gt;...
纯html标签静态调用xml文件及xsl对xml文件的的显示修饰
05-28
纯html标签静态调用xml文件并显示，不包含js方法。 以及xsl对xml文件的的显示修饰方法
基于xml设计的HTML网页
06-23
XML标记描述的是文档的结构和意义。它不描述页面元素的格式化。可用样式单为文档增加格式化信息。文档本身只说明文档包括什么标记，而不是说明文档看起来是什么样的。 作为对照，HTML文档包括了格式化、结构和语义的标记。就是一种格式化标记，它使其中的内容变为粗体。是一种语义标记，意味着其中的内容特别重要。是结构标记，指明内容是表中的一个单元。事实上，某些标记可能具有所有这三种意义。标记可同时表示20磅的Helvetica字体的粗体、第一级标题和页面标题。 例如，在HTML中，一首歌可能是用定义标题、定义数据、无序的列表和列表项来描述的。但是事实上这些项目没有一件是与音乐有关的。
html－把XML文件加载到table
03-01
NULL 博文链接：https://hongan.iteye.com/blog/285241
HTML中显示xml文档
jinghwm的专栏
08-15 279
&lt;test&gt; &lt;testchild&gt; &lt;/testchild&gt; &lt;/test&gt;  
html获取xml的数据,html显示xml文件数据
weixin_42397220的博客
06-04 1484
html显示xml文件数据发布时间：2020-04-22 13:48:12来源：亿速云阅读：239作者：小新本篇文章和大家了解一下html显示xml文件数据。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。有的时候我们需要在html显示xml，比如我们修改了xml,点击保存，需要在页面显示xml源码，让我们知道xml已经修改了，最好的方法是把xml放到pre元素中，但是会发现没有换...
xml学习（3） html显示xml
死磕技术 活出人生
11-25 3814
有的时候我们需要在html显示xml，比如我们修改了xml,点击保存，需要在页面显示xml源码，让我们知道xml已经修改了，最好的方法是把xml放到pre元素中，但是会发现没有换行，全部显示一行，肯定很难看，所以我做了一个迭代xmlDOM的函数来格式显示xml的函数，   迭代函数思路： 1.每个xml文件时有无数个兄弟节点组成，但是终有最后截止的一个，那么循环结束的标志就是当一个节点没有兄弟
html中显示xml文件的内容
zhongmei121的专栏
08-21 1876
方法： 1、使用innerText方法（xml没有缩进） <divclass="xmlText"></div> document.getElementsByClassName('xmlText')[0].innerText=xmlString 2、xmp标签（xml有缩进） <xmp>xmlString</xmp> ...
html中显示xml源码,用html显示xml中的数据_xml
weixin_33343681的博客
07-03 329
1.将下面文件存为myfile.dtd2.然后建立xml文档myfile.xml:myfile.dtd”>XML轻松学习手册ajie3.建立HTML文档myfile.htmlvar xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”);xmlDoc.async=”false”;xmlDoc.load(“myfile.xml”);nodes = xmlD...
前台HTML页面显示XML内容(转)
weixin_30879169的博客
05-13 203
转自https://blog.youkuaiyun.com/mooncom/article/details/76155143 应用场景：在网站开发过程中，读取XML格式文件，并将其所有内容都显示到页面上，即显示标签内容，又显示标签本身。备注：本博客场景还适应于读取显示含有标签的数据库存储字段。解决方法：解决方法一共有四种(可能还有别的方法，但我只知道四种，欢迎大家补充)，分别如下：第一种，使用&l...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值