网页中显示XML

最新推荐文章于 2022-08-05 11:13:03 发布
最新推荐文章于 2022-08-05 11:13:03 发布
阅读量1.9k 收藏
点赞数
分类专栏： J2EE 文章标签： Web

第一种方法

使用<pre></pre>包围代码（在浏览器中测试不行啊，但是在富编辑器中又可以，怪）；
使用<xmp></xmp>包围代码（官方不推荐，但是效果不错哦，在firefox和IE都可以）；
使用<textarea></textarea>包围代码（在富编辑器和浏览器中均可以 ）；

<pre>不能在页面显示；<xmp>不错，可行；<textarea>是在文本域中显示，达不到想要的效果。

<xmp>
    <div>对html的用法作个说明</div>
    <div><span id="demo">奇迹</span></div>
</xmp>

如果想在网页中显示xml的完整结构，直接输出，IE会把xml结构误认为html的结构，普通的显示只能显示所有节点上的值，如果想显示整个结果，可以在xml的两端加上标签 <xmp>xml结构</xmp> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
<head>  
<title> New Document </title>  
<meta name="Generator" content="EditPlus">  
<meta name="Author" content="">  
<meta name="Keywords" content="">  
<meta name="Description" content="">  
</head>  

<body>  
<xmp>  
<?xml version="1.0" encoding="unicode"?>  
<DATABASE>  
    <SCHOOL-INFO>  
        <ID>1</ID>  
        <NAME>第一高中</NAME>  
        <CITY>浠水</CITY>  
        <STUDENTS>550</STUDENTS>  
        <ADDRESS>浠水</ADDRESS>  
    </SCHOOL-INFO>  
    <SCHOOL-INFO>  
        <ID>2</ID>  
        <NAME>第三高中</NAME>  
        <CITY>团陂</CITY>  
        <STUDENTS>1000</STUDENTS>  
        <ADDRESS>地址团陂</ADDRESS>  
    </SCHOOL-INFO>  
    <SCHOOL-INFO>  
        <ID>3</ID>  
        <NAME>试验高中</NAME>  
        <CITY>1200</CITY>  
        <STUDENTS>1200</STUDENTS>  
        <ADDRESS>汪岗</ADDRESS>  
    </SCHOOL-INFO>  
    <SCHOOL-INFO>  
        <ID>4</ID>  
        <NAME>中心小学</NAME>  
        <CITY>1300</CITY>  
        <STUDENTS>1200</STUDENTS>  
        <ADDRESS>竹瓦</ADDRESS>  
	</SCHOOL-INFO>  
</DATABASE>  
</xmp>  
</body>  
</html>

第二种方法

“<”用&lt;表示
“>”用&gt;表示
“"”用&quot;表示

也可以在后台处理好直接输出到页面上，代码显示如下

<?xml version="1.0" encoding="unicode"?>     
&lt;DATABASE&gt;     
    &lt;SCHOOL-INFO&gt;     
        &lt;ID&gt;1&lt;/ID&gt;     
        &lt;NAME&gt;第一高中&lt;/NAME&gt;     
        &lt;CITY&gt;浠水&lt;/CITY&gt;     
        &lt;STUDENTS&gt;550&lt;/STUDENTS&gt;     
        &lt;ADDRESS&gt;浠水&lt;/ADDRESS&gt;     
    &lt;/SCHOOL-INFO&gt;     
    &lt;SCHOOL-INFO&gt;     
        &lt;ID&gt;2&lt;/ID&gt;     
        &lt;NAME&gt;第三高中&lt;/NAME&gt;     
        &lt;CITY&gt;团陂&lt;/CITY&gt;     
        &lt;STUDENTS&gt;1000&lt;/STUDENTS&gt;     
        &lt;ADDRESS&gt;地址团陂&lt;/ADDRESS&gt;     
    &lt;/SCHOOL-INFO&gt;     
    &lt;SCHOOL-INFO&gt;     
        &lt;ID&gt;3&lt;/ID&gt;     
        &lt;NAME&gt;试验高中&lt;/NAME&gt;     
        &lt;CITY&gt;1200&lt;/CITY&gt;     
        &lt;STUDENTS&gt;1200&lt;/STUDENTS&gt;     
        &lt;ADDRESS&gt;汪岗&lt;/ADDRESS&gt;     
    &lt;/SCHOOL-INFO&gt;     
    &lt;SCHOOL-INFO&gt;     
        &lt;ID&gt;4&lt;/ID&gt;     
        &lt;NAME&gt;中心小学&lt;/NAME&gt;     
        &lt;CITY&gt;1300&lt;/CITY&gt;     
        &lt;STUDENTS&gt;1200&lt;/STUDENTS&gt;     
        &lt;ADDRESS&gt;竹瓦&lt;/ADDRESS&gt;     
    &lt;/SCHOOL-INFO&gt;     
&lt;/DATABASE&gt;     


这样就可以显示完整的xml信息了。

转载：http://www.cnblogs.com/skyme/archive/2010/11/10/1873296.html

我使用的是第二种方法，不知什么原因第一种方法没用。

Ronux
关注
专栏目录
xml数据如何用html展示,在 HTML中显示XML数据的策略
weixin_39646725的博客
06-04 2249
摘要：HTML 是目前常用的网页标识语言，而 XML 的优点在于能有效地存贮各种形式的数据，它克服了 HTML 表达能力差的缺点。本文对在一个 HTML 文档中插入 XML 数据，并在 IE5 浏览器中显示的两种常见的策略(数据绑定、 DOM )进行了深入的探讨。关键词： HTML XML DOM DSO数据绑定XML 的全名是 eXtenxible Markup Language (可以延伸或扩...
xml数据在html页面显示,在HTML中显示XML数据【兼容IE、Firefxo、Opera】
weixin_29083373的博客
06-09 1376
XML确实是个好东西，尤其是现在大部分网站都是生成HTML静态页面的，但是有一些数据是需要动态改变的，频繁更新HTML不是个好办法，这个时候XML就大显身手了，只需要把经常变动的内容保存成XML，在HTML页面上调用就可以，需要时只要更新下XML，不过在HTML中调用XML数据还是有点不怎么容易，数据岛适合大量数据的显示，但是只支持IE，下面这段小代码可以兼容大部分浏览器【附件里面有全部文件】：这...
网页（html）中直接显示xml原始文件，直接显示xml格式的文件
04-25 8865
第一种方法 使用包围代码（在浏览器中测试不行啊，但是在富编辑器中又可以，怪）； 使用包围代码（官方不推荐，但是效果不错哦，在firefox和IE都可以）； 使用包围代码（在富编辑器和浏览器中均可以 ）； 不能在页面显示；不错，可行；是在文本域中显示，达不到想要的效果。     对html的用法作个说明     奇迹 如果想在网页中显示xml的完整结构，
html中显示xml
weixin_30617797的博客
07-20 529
在工作中经常会遇到一些特殊的要求，比如在html中显示xml，xml的格式跟html很相似，同样包含了标签、属性、值，所以xml的标签等内容会在html中被转义 如果要在html中让xml的内容（包括标签等）全部显示，则必须让xml的内容不被转义 解决方案1 把xml的特殊字符替换成html的转义字符 “<” -->&lt; ">"-->&gt;...
html获取xml的数据,html显示xml文件数据
weixin_42397220的博客
06-04 1398
html显示xml文件数据发布时间：2020-04-22 13:48:12来源：亿速云阅读：239作者：小新本篇文章和大家了解一下html显示xml文件数据。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。有的时候我们需要在html显示xml，比如我们修改了xml,点击保存，需要在页面显示xml源码，让我们知道xml已经修改了，最好的方法是把xml放到pre元素中，但是会发现没有换...
HTML 页面显示 XML 数据
奋斗的日子最甜美，在科技的海洋里，永无止境。
11-30 2157
HTML 页面显示 XML 数据 在下面的实例中，我们打开一个 XML 文件（"cd_catalog.xml"），然后遍历每个 CD 元素，并显示HTML 表格中的 ARTIST 元素和 TITLE 元素的值： 实例 if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, S
jQuery读取xml在网页上显示图片和文字
05-11
在这个特定的场景中，标题"jQuery读取xml在网页上显示图片和文字"指的是如何利用jQuery来解析XML文件，并将其中包含的图片和文字信息展示在网页上。XML（Extensible Markup Language）是一种结构化数据格式，常用于...
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
10-22
标题中提到的知识点为“JS读取XML文件数据并以table形式显示数据”，这涉及到几个重要的技术和概念。首先是JavaScript（简称JS），一种广泛用于网页设计和开发的脚本语言，它可以让网页具有动态交互功能。接下来是...
Javascript 读取操作Sql中的Xml字段
12-11
4. **数据显示**：遍历XML节点后，将结果组合成字符串，然后设置到页面元素（如Label）的`innerHTML`属性，从而在页面上显示XML数据。在示例中，`yh1`变量用于存储格式化的输出，并最终显示在`ctl00_...
在 HTML 页面中显示 XML 数据
布偶酱的博客
07-11 2676
在 HTML 页面中显示 XML 数据在下面的实例中，我们打开一个 XML 文件（"cd_catalog.xml"），然后遍历每个 CD 元素，并显示HTML 表格中的 ARTIST 元素和 TITLE 元素的值：实例&lt;html&gt;&lt; body&gt;&lt; script&gt; if (window.XMLHttpRequest) {// code for IE7+, Fir...
XML显示
qianxiaoxuan的专栏
03-20 543
显示 单独用XMl不能显示页面，我们使用格式化技术，比如CSS或者XSL，才能显示XML标记创建的文档。 我们在前面第一章讲到XML是将数据和格式分离的。XML文档本身不知道如何来显示，必须有辅助文件来帮助实现。(XML取消了所有标识，包括font,color,p等风格样式定义标识，因此XML全部是采用类似DHTML中CSS的方法来定义文档风格样式。)，XML中用来设定显示风格样式的文件类型有： 
xml学习（3） html显示xml
死磕技术 活出人生
11-25 3673
有的时候我们需要在html显示xml，比如我们修改了xml,点击保存，需要在页面显示xml源码，让我们知道xml已经修改了，最好的方法是把xml放到pre元素中，但是会发现没有换行，全部显示一行，肯定很难看，所以我做了一个迭代xmlDOM的函数来格式显示xml的函数，   迭代函数思路： 1.每个xml文件时有无数个兄弟节点组成，但是终有最后截止的一个，那么循环结束的标志就是当一个节点没有兄弟
用html显示xml中的数据
huazaichang的专栏
01-29 476
一、html解析简单xml 1.将下面文件存为myfile.dtd <!ELEMENT myfile (title, author)> <!ELEMENT author (#PCDATA)> （dtd可以省略） 2.然后建立XML文档myfile.xml: <?xml version="1.0" encoding="GB2312"?> <!DOCTYPE myfile SYSTEM "myfil
html显示本地xml文件内容
叶落啼莺
07-17 1054
实现浏览本地xml文件，将文件内容全部显示在html的textarea中,但目前编码还是显示不出来 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;HTML xmlns="http:...
html用dom显示xml,HTMLDOM和XMLDOM
weixin_28929201的博客
06-10 238
上面的这篇博文讲了HTML、XML和Javascript之间的基本关系。而Javascript是利用DOM(包括HTMLDOM和XML DOM)来操作HTML和XML中的内容。本篇博文则对这两种相似的DOM接口做一下分析。*****************************************************************************************...
html中显示xml文件的内容
zhongmei121的专栏
08-21 1715
方法： 1、使用innerText方法（xml没有缩进） <divclass="xmlText"></div> document.getElementsByClassName('xmlText')[0].innerText=xmlString 2、xmp标签（xml有缩进） <xmp>xmlString</xmp> ...
html显示xml源码,在 HTML中显示XML数据的策略
weixin_28715081的博客
06-23 591
XML的全名是eXtenxible Markup Language(可以延伸或扩展的标记语言)，它的语法类似HTML，都是用标签来描述数据。HTML的标签是固定的，我们只能使用、不能修改；XML则不同，它没有预先定义好的标签可以使用，而是依据设计上的需要，自行定义标签。所以在电子商务的网络时代，用XML来组织数据，再用HTML页面来显示，将是设计网页的新方向。本文主要对两种在HTML中存贮并显示X...
HTML表格中绑定显示XML文档内容的简单实例
Technology is changing our lives.
01-06 3491
W3C中关于XML数据转换显示的有关内容。
Html5与xml的交互实例项目——XML 数据显示为 HTML 表格
Yxd0724的博客
08-05 749
XML文件格式实际上与JSON数据格式是差不多的，把XML当做JSON数据格式去理解，会使的XML文件中的数据更容易理解；
网页中显示xml，直接显示xml格式的文件
最新发布
05-18
1. 使用浏览器自带的XML解析器：将XML文件直接拖拽到浏览器中打开，浏览器会自动识别并显示XML的内容。 2. 使用浏览器插件：例如Chrome浏览器中可以安装XML Tree插件，它可以将XML文件转换成树形结构展示。 3. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值