divにHTMLファイルを表示

Question

div要素にhtmlファイルを表示することはできますか？

Answer 1

ソースコードを表示するには、そのファイルにajaxリクエストを行い、応答をdivに入れます。作業中のhtmlページを表示する場合は、iframeを使用してdiv内に配置します。

Answer 2

HTMLマークアップを表示することを意味しますか？その場合は、コードを "< pre>"タグにラップして表示することができます。 divタグ内にいくつかのHTMLを埋め込むことを意味する場合、divのinnerHTMLプロパティをHTMLを含む文字列に設定できます。

Answer 3

あなたの環境はわかりませんが、JQueryとそのメソッドをload an external HTML into a DOM objectに見てみることをお勧めします。

Answer 4

確かに！ がのファイルの内容をエスケープしていることを確認してください（<は<になります。&は&などとなります）。これは、PHPやASPなどのWeb指向プログラミング言語では簡単で、他の言語ではあまり難しくありません。手作業で行うのはかなり面倒ですが、オンラインでツールを見つけることができます。

結果はのようになります。視聴者には

<div> 
    &lt;!DOCTYPE ... &gt; 
    &lt;html&gt; 
    ... 
    &lt;a href="something?foo=bar&amp;amp;morefoo=morebar"&gt;... 
</div> 

、これはあなたの<div>内部に通常のHTMLとしてレンダリングされます。