html - DIV でページを表示

Question

別のページ (.html) から div コンテンツを取得し、自分のページのスタイルで表示したいと考えています。

div の高さは、ページの下部に配置され、このままにする必要があるため、コンテンツに応じてサイズを調整する必要があります。

これは何らかの方法で可能ですか？

Answer 1

リモート ファイルのコンテンツをローカル スタイルでスタイル設定する場合は、そのリモート ファイルを含む iframe にスタイルをロードする (競合するスタイルシートを削除する) か、リモート ファイルのコンテンツをローカルにロードする必要があります。ファイル。後者はおそらく簡単です。

これを行うのに役立つ多くのツールがオンラインで提供されています。たとえば、jQuery (世界で最も人気のある JavaScript ライブラリ) は、リモート ファイルを非同期的に読み込み、その一部を親ドキュメントに追加できます。

$("#page").load("remote.html #content");

#contentこれにより、 on pageのコンテンツが取得され、現在のページremote.htmlに配置#pageされます。