html(firefox)_html/css_WEB-ITnoseにあるxmlファイルをそのまま表示します-htmlチュートリアル-php.cn

私の意見は、ajax で XML をロードし、コンテンツを html 要素に割り当て、この要素にwhite-space:pre スタイルを追加することです。

ホームページ

ウェブフロントエンド

htmlチュートリアル

html(firefox)_html/css_WEB-ITnoseにあるxmlファイルをそのまま表示します

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:43 AM

この投稿は、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
< ;?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 までご連絡ください。