ホームページ >ウェブフロントエンド >CSSチュートリアル >iFrame 内で Web ページの特定のセクションのみを表示するにはどうすればよいですか?

iFrame 内で Web ページの特定のセクションのみを表示するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-26 18:38:14536ブラウズ

How Can I Display Only a Specific Section of a Webpage Within an iFrame?

iFrame 内での選択的なコンテンツ表示の作成

iframe を使用している場合、コンテンツの特定の部分のみを表示する必要が生じる場合があります。埋め込みフレーム内の Web ページ。このガイドでは、特定のセクションを分離し、カスタム サイズで iFrame に表示する手順を説明します。

解決策

残念ながら、iFrame は本質的に全体をレンダリングします。埋め込まれているページ。要件を達成するには、2 つのオプションがあります:

  1. サーバー側の変更: サーバーは、指定されたセクションのみを紹介するように調整された別のページを提供できます。
  2. jQuery Load 関数: jQuery の「load」関数を利用すると、ページ全体を
    次に、表示したい特定のセクションを抽出します:
$('#target-div').load('http://www.example.com/portfolio.php #portfolio-sports');

注:

  • jQuery の「load」関数を使用してロードするコンテンツコンテンツの分離を維持する iFrame とは異なり、メイン ページに組み込まれます。
  • 詳細については、カスタマイズには、追加の調整が必要になる場合があります。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。