iframe src が image_javascript スキルの場合の適応性の高いコード

iframe の高さの調整の問題は、インターネット上で何度も議論されています。これは、一般に、iframe のロード時に iframe の本体の offsetHeight と offsetWidth にアクセスし、iframe の高さと幅を更新することによって実現されます。
今日遭遇する適応問題はこれまでとは少し異なります。今回の src は画像であり、サイズが不確かな画像です (データベースから取得したデータから生成されます)。ここでは前の方法を使用します。それほど効果的ではないようです。ふと思ったのですが、imgタグの高さと幅が取得できるんです。そのとき、突然アイデアが思いつきました。

解決策は次のとおりです。
まず、img 要素を動的に生成し、iframe ページがロードされる (onload) ときにその src を img タグに割り当て、次に img の高さと幅を取得します。次に、iframe の高さを動的に変更します。Width だけで十分です。iframe ページ本文のマージンとパディングを 0 に設定することを忘れないでください。そうしないと、デフォルトではパディングとマージンが 0 ではないため、スクロール バーが表示されます。

<title> 新しいドキュメント </title> <meta name="generator" content="editplus"> <meta name="author" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <input type="button" value="test" onclick="document.getElementById('a').style.display=''"> <iframe src="/images/logo.gif" id="a" style="display:none" scrolling="auto" onload="resize(this)"> </iframe>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]