IFrame 内の外部ページの特定のセクションのみを表示できますか?

特定のページ コンテンツを表示するための iFrame の作成

Web 開発では、外部ソースから Web ページにコンテンツを埋め込むために iframe がよく使用されます。 。ただし、iframe 内の外部ページの特定の部分のみを表示することが望ましい場合があります。この質問では、これを実現する可能性を検討します。

解決策:

iframe 内でページの特定の部分を表示するには、サーバーに必要なコンテンツのみを含む別のページ。このアプローチにより、iframe のコンテンツを完全に制御でき、iframe 内に表示されるページがメイン ページから独立してレンダリングされるようになります。

代替解決策:

代替案として別のページを生成するために、jQuery の「load」関数は、特定のターゲット要素内の任意のページのコンテンツを動的にロードするメソッドを提供します。この関数を使用すると、外部ページ全体を取得し、DOM を操作して必要なコンテンツのみを選択することができます。

$('#target-div').load('http://www.example.com/portfolio.php #portfolio-sports');

ただし、このアプローチでは、コンテンツが次の方法で取得されるため、追加の変更と考慮事項が必要になる場合があります。 jQuery は、iframe によって作成される個別のウィンドウとは異なり、メイン ページの一部になります。

以上がIFrame 内の外部ページの特定のセクションのみを表示できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。