Iframe 内の Web ページの特定のセクションをターゲットにするにはどうすればよいですか?

Iframe を使用して Web ページの特定のセクションをターゲットにする

Iframe は、ホスト ページ内に外部 Web コンテンツを埋め込むことができる強力なツールです。 。ただし、場合によっては、iframe 内のページの特定の部分のみを表示したい場合があります。 iframe の固有の性質により、これは困難な場合があります。

サーバーで生成されたフラグメントの利用

これを実現するための最も簡単なアプローチは、サーバーに別のフラグメントを生成させることです。必要なセクションのみを含むページフラグメント。このページ フラグメントを iframe にロードすると、指定されたコンテンツのみが表示されるようになります。

jQuery を使用した動的テクニックの活用

あるいは、動的テクニックを使用することもできます。 jQuery を使用して、元のページから目的のコンテンツを選択的に抽出します。これは、「ロード」関数を通じて実行できます。

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

このアプローチにより、親ページ全体を特定の div にロードし、不要なコンテンツをフィルターで除外することができます。ただし、抽出されたコンテンツは、別の iframe ウィンドウ内に分離されるのではなく、メイン ページの一部になることに注意することが重要です。

以上がIframe 内の Web ページの特定のセクションをターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。