ホームページ > 記事 > ウェブフロントエンド > iframe src が image_javascript スキルの場合の適応性の高いコード
iframe src が image_javascript スキルの場合の適応性の高いコード
- WBOYオリジナル
- 2016-05-16 19:08:221297ブラウズ
iframe の高さの調整の問題は、インターネット上で何度も議論されています。これは、一般に、iframe のロード時に iframe の本体の offsetHeight と offsetWidth にアクセスし、iframe の高さと幅を更新することによって実現されます。
今日遭遇する適応問題はこれまでとは少し異なります。今回の src は画像であり、サイズが不確かな画像です (データベースから取得したデータから生成されます)。ここでは前の方法を使用します。それほど効果的ではないようです。ふと思ったのですが、imgタグの高さと幅が取得できるんです。そのとき、突然アイデアが思いつきました。
解決策は次のとおりです。
まず、img 要素を動的に生成し、iframe ページがロードされる (onload) ときにその src を img タグに割り当て、次に img の高さと幅を取得します。次に、iframe の高さを動的に変更します。Width だけで十分です。iframe ページ本文のマージンとパディングを 0 に設定することを忘れないでください。そうしないと、デフォルトではパディングとマージンが 0 ではないため、スクロール バーが表示されます。
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。