div要素にhtmlファイルを表示することはできますか?divにHTMLファイルを表示
答えて
ソースコードを表示するには、そのファイルにajaxリクエストを行い、応答をdivに入れます。作業中のhtmlページを表示する場合は、iframeを使用してdiv内に配置します。
HTMLマークアップを表示することを意味しますか?その場合は、コードを "< pre>"タグにラップして表示することができます。 divタグ内にいくつかのHTMLを埋め込むことを意味する場合、divのinnerHTMLプロパティをHTMLを含む文字列に設定できます。
あなたの環境はわかりませんが、JQueryとそのメソッドをload an external HTML into a DOM objectに見てみることをお勧めします。
確かに! がのファイルの内容をエスケープしていることを確認してください(<
は<
になります。&
は&amp;
などとなります)。これは、PHPやASPなどのWeb指向プログラミング言語では簡単で、他の言語ではあまり難しくありません。手作業で行うのはかなり面倒ですが、オンラインでツールを見つけることができます。
結果はのようになります。視聴者には
<div>
<!DOCTYPE ... >
<html>
...
<a href="something?foo=bar&amp;morefoo=morebar">...
</div>
、これはあなたの<div>
内部に通常のHTMLとしてレンダリングされます。
ツールオンライン?あなたはあなたのOSでそれを行うためのツールを手に入れます。それは3つの発見と置き換えだけです。 – Quentin
マークアップの内容によっては、かなりの数の検索と置き換えが可能です。 '<', '>'、 '&'が最も一般的です。 – VoteyDisciple
- 1. Silverlight上にHTML divを表示する
- 2. html divを非表示にする
- 3. DIVのリンクをクリックして別のDIVでPHP/HTMLを表示
- 4. DNNのhtmlモジュールに.mhtファイルを表示
- 5. PHPファイルからhtmlメッセージを表示/非表示するには
- 6. 親divの表示前に子divを表示するには?
- 7. の表示/非表示DIV
- 8. htmlページ上のXSLファイルを表示
- 9. 文書ファイルをhtmlで表示
- 10. ランダムイメージをdivに表示
- 11. HTML DivタグがMozilla FireFoxに表示されない
- 12. HTMLファイル入力要素にXMLファイルのみを表示
- 13. divを別のdivをクリックして表示/非表示
- 14. htmlページに.swfファイルを表示したいが、ウェブページに表示されない
- 15. 複数のDivを表示/非表示
- 16. divタグを表示/非表示javascript
- 17. 表示/非表示のdivタグを
- 18. jQueryでdivを表示/非表示
- 19. JSF divコンポーネントを表示/非表示
- 20. マルチステップフォームでdivを表示/非表示
- 21. HTML5/JS - div内に複数のファイル入力を表示
- 22. divアンカーを使用してdivを表示/非表示にする
- 23. アングルシンボルをHTMLに表示
- 24. タイムテーブルをHTMLテーブルに表示
- 25. フィールドにHTMLコンテンツを表示
- 26. 別のDIVが表示されていない場合にDIVを表示
- 27. Divを表示または非表示にするには?
- 28. Javascript innerHTML/jQuery .html()IE表示のバグ - divへのテーブルの追加
- 29. の表示/非表示テーブルやdivの
- 30. IE表示/非表示のdiv属性
明確にしてください - 別のウェブページまたはHTMLソースを表示しますか? –
または同じサーバー上の別個のHTMLファイル – Evernoob