Heim >Web-Frontend >HTML-Tutorial >在html中原样显示xml文件(firefox)_html/css_WEB-ITnose
在html中原样显示xml文件(firefox)_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:43:171422Durchsuche
html文件(firefox
xml文件
显示结果
BODY
期待结果
BODY
A
<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
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jsp分页问题_html/css_WEB-ITnoseNächster Artikel：DWZ学习方法和步骤_html/css_WEB-ITnose