ホームページ > 記事 > ウェブフロントエンド > html(firefox)_html/css_WEB-ITnoseにあるxmlファイルをそのまま表示します
html(firefox)_html/css_WEB-ITnoseにあるxmlファイルをそのまま表示します
- WBOYオリジナル
- 2016-06-21 09:43:171367ブラウズ
html ファイル (firefox
xml ファイル
結果を表示
BODY
結果を楽しみにしています
BODY
< ;?xml version= "1.0"?>
このアイデアは、ajax を使用して XML をロードし、コンテンツを HTML 要素に割り当て、この要素に White-space:pre スタイルを追加するか、server- を使用することです。 xml にアクセスするためのサイドコード
この方法は、各ブラウザーで異なる方法で XML を処理します
<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
< ;?xml version= "1.0"?>
このアイデアは、ajax を使用して XML をロードし、コンテンツを HTML 要素に割り当て、この要素に White-space:pre スタイルを追加するか、server- を使用することです。 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
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。