首页 > web前端 > html教程 > 在html中原样显示xml文件(firefox)_html/css_WEB-ITnose

在html中原样显示xml文件(firefox)_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:43:17
原创
1415 人浏览过

本帖最后由 wimphy 于 2013-05-08 10:50:24 编辑

html文件(firefox
<HTML>  <HEAD>    <meta charset="utf-8" />    <TITLE>TITLE</TITLE>  </HEAD>  <BODY>BODY  <FRAME SRC = "1.XML"></FRAME>  </BODY></HTML>
登录后复制


xml文件
<?xml version="1.0"?><A>A</A>
登录后复制


显示结果
BODY

期待结果
BODY

A


回复讨论(解决方案)

你这种方法不行,因为每个浏览器对xml的处理方式不一样。
我的看法是,用ajax加载xml,然后将内容赋值到一个html元素中,这个元素加white-space:pre样式

或者用服务器端代码去访问这个xml。。

你这种方法不行,因为每个浏览器对xml的处理方式不一样。
我的看法是,用ajax加载xml,然后将内容赋值到一个html元素中,这个元素加white-space:pre样式

这个xml文件是个字符串,我自己存成了文件,这个字符串是重另外一个主界面得到的。
例如点一个按钮“showxml”,一个新窗口显示几个xml代码块,就像我上面贴的xml代码一样

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script src="Scripts/jquery-1.9.1.min.js"></script>    <style type="text/css">        #placeHolder {            white-space:pre;            width:400px;            height:300px;            overflow:scroll;            outline:1px solid #ccc;        }    </style></head><body>  <div id="placeHolder"></div>    <script type="text/javascript">        $(function () {                        $.ajax({                type: "GET",                url: "test.xml",                dataType: "text"                            }).done(function (msg) {                $("#placeHolder").text(msg);            });        });    </script>   </body></html>
登录后复制

yao de jiushi ta

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板