iframe 適応高さ

WBOY
リリース: 2016-06-23 09:09:37
オリジナル
1036 人が閲覧しました

親愛なるヒーローの皆様、iframe をコンテンツの高さに合わせて調整するにはどうすればよいですか?オンラインで多くの解決策を検索しましたが、どれもうまくいきませんでした。何をするか?誰か良いアイデアはありますか?

私の例は非常に単純で、Sohu のホームページを参照した空白のページです。フレームはどのように高さに適応することができますか?


私は例を挙げているだけであり、ホットリンクではありません。皆さん、ありがとうございました。


ディスカッションに返信 (解決策)

たくさんの回答が見つかりました。もう一度お試しください。iframe のアドレスをこのページと同じディレクトリに変更してください。
つまり、1.html に iframe を書き、2.html を開いて、2.html にコンテンツを書きます。少なくとも、両方のファイルはあなたのものであり、同じドメイン名からアクセスできます。
見つけた答えをもう一度試してください。

私はあなたのためにコードを書くつもりはありません。アイデアを提供するだけです。 Sohu のページの高さは予測できないため、親ページで js を使用してサブページ (Sohu) のコンテンツの高さを定期的に検出する必要があります (単純にドキュメントの高さを検出するだけで十分です)。高さが変更されました。js を使用して親ページの iframe の高さを調整します。通常、ユーザーのネットワーク遅延に応じて 3 ~ 4 秒かかることがありますが、ここでの高さは基本的に一定です。

私はまだこれを理解していません、おそらく解決するのは非常に難しいです。

1. ifame の高さを変更するには、js を使用する必要があります。2. js はクロスドメイン コントロールを操作できません。あなたは Sohu ではありません。iframe 内の Sohu はクロスドメインであるため、変更は失敗します。 3. Sohu をクロスドメインから非クロスドメインに変換することによってのみ目的を達成できます。リモート データ (Web ページを含む) を取得するには、それを柔軟に適用するだけです

非常に明確です。ポイント 4 です。その方法をもう一度学びます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート