网页中显示xml，直接显示xml格式的文件

来源：互联网发布：企业网软件下载编辑：程序博客网时间：2024/05/17 09:00

第一种方法

使用<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>

代码1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  2.<html>  3.<head>  4.<title> New Document </title>  5.<meta name="Generator" content="EditPlus">  6.<meta name="Author" content="">  7.<meta name="Keywords" content="">  8.<meta name="Description" content="">  9.</head>  10.  11.<body>  12.<xmp>  13.<?xml version="1.0" encoding="unicode"?>  14.<DATABASE>  15.    <SCHOOL-INFO>  16.        <ID>1</ID>  17.        <NAME>第一高中</NAME>  18.        <CITY>浠水</CITY>  19.        <STUDENTS>550</STUDENTS>  20.        <ADDRESS>浠水</ADDRESS>  21.    </SCHOOL-INFO>  22.    <SCHOOL-INFO>  23.        <ID>2</ID>  24.        <NAME>第三高中</NAME>  25.        <CITY>团陂</CITY>  26.        <STUDENTS>1000</STUDENTS>  27.        <ADDRESS>地址团陂</ADDRESS>  28.    </SCHOOL-INFO>  29.    <SCHOOL-INFO>  30.        <ID>3</ID>  31.        <NAME>试验高中</NAME>  32.        <CITY>1200</CITY>  33.        <STUDENTS>1200</STUDENTS>  34.        <ADDRESS>汪岗</ADDRESS>  35.    </SCHOOL-INFO>  36.    <SCHOOL-INFO>  37.        <ID>4</ID>  38.        <NAME>中心小学</NAME>  39.        <CITY>1300</CITY>  40.        <STUDENTS>1200</STUDENTS>  41.        <ADDRESS>竹瓦</ADDRESS>  42.    </SCHOOL-INFO>  43.</DATABASE>  44.</xmp>  45.</body>  46.</html>

第二种方法

“<”用<表示
“>”用>表示
“"”用"表示

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

代码1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">     2.<html>     3.<head>     4.<title> New Document </title>     5.<meta name="Generator" content="EditPlus">     6.<meta name="Author" content="">     7.<meta name="Keywords" content="">     8.<meta name="Description" content="">     9.</head>     10.     11.<body>     12.<pre>     13.<?xml version="1.0" encoding="unicode"?>     14.<DATABASE>     15.    <SCHOOL-INFO>     16.        <ID>1</ID>     17.        <NAME>第一高中</NAME>     18.        <CITY>浠水</CITY>     19.        <STUDENTS>550</STUDENTS>     20.        <ADDRESS>浠水</ADDRESS>     21.    </SCHOOL-INFO>     22.    <SCHOOL-INFO>     23.        <ID>2</ID>     24.        <NAME>第三高中</NAME>     25.        <CITY>团陂</CITY>     26.        <STUDENTS>1000</STUDENTS>     27.        <ADDRESS>地址团陂</ADDRESS>     28.    </SCHOOL-INFO>     29.    <SCHOOL-INFO>     30.        <ID>3</ID>     31.        <NAME>试验高中</NAME>     32.        <CITY>1200</CITY>     33.        <STUDENTS>1200</STUDENTS>     34.        <ADDRESS>汪岗</ADDRESS>     35.    </SCHOOL-INFO>     36.    <SCHOOL-INFO>     37.        <ID>4</ID>     38.        <NAME>中心小学</NAME>     39.        <CITY>1300</CITY>     40.        <STUDENTS>1200</STUDENTS>     41.        <ADDRESS>竹瓦</ADDRESS>     42.    </SCHOOL-INFO>     43.</DATABASE>     44.</pre>     45.</body>     46.</html>

return opts.msgcontent.replace(/</g,"<").replace(/>/g,">").replace(/"/g,""");

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

0 0