IFRAMEで高さを自動調整したい

質問

IFRAMEを使っているのですが、ＰＣを起動して最初にページを開いたときだけ、正しい高さに設定できなくて困っています。
「更新」をクリックするとそれ以降はうまく動くのですが...
ＩＥ(6)の症状で、FireFoxではＰＣ起動直後でも問題なく動きます。

<iframe src="http://aaaaa.php?mode=abc"
onload="LoadFrame(this.id)" id="Ifr-a" width="700"
marginwidth="0" marginheight="0"
scrolling="no" frameborder="0"></iframe>

javaScript側は、
function LoadFrame(frid) {
var IFR = document.getElementById(frid);
IFR.height = (IFR.contentWindow)?
IFR.contentWindow.document.body.scrollHeight:
document.frames[frid].document.body.scrollHeight;
}
ＰＣを起動した直後の１回目だけうまく表示されません。
IFR.height<1のようなので、処理結果は0になってるようです。

よろしくお願いいたします。

回答No.1

noname#30334 · ベストアンサー

"contentWindow"については、あまり詳しくないのですが、
興味がありましたので、上記のスクリプトをIE6とFirefoxで動かしてみました。
iframeのソースが外部サーバのページの場合、
JavaScriptのエラーが発生しました。
contentWindowの行で「エラー：アクセスが拒否されました」が出ます。
初回だけではなく、毎回です。

iframeのソースを同一サーバのページに変えたところ、
初回起動時も含め、正常に動作しました。
なお、IEとFirefoxに挙動の違いは、ありませんでした。

正常に動作しない時には、JavaScriptのエラーが出ていると思うので
まずは、そちらを確認されてはいかがでしょうか？
ステータスバーの左端のアイコンをダブルクリックです。

もし、エラーではなく、「0」になっているのであれば、
if文を入れて、LoadFrame()を再起呼び出しするか、iframeをリロードすると、上手くいくかもしれません。
ただし、その場合は、リロードフラグを設けるなりして、
無限ループにならないようにくれぐれもご注意ください。

お礼

ご回答ありがとうございます。
IFR.heightは「0」になっていて、JavaScriptのエラーは出ていませんでした。
IEで最初にページを表示するときだけ、妙に時間がかかっているのですが...
おそらく...onloadイベントの発生する条件が、Firefox、ネットスケープとIEとで違うみたいです。
iframeに表示するコンテンツが早く表示できるときは、気付かないような違いなのかもしれません。
LoadFrame()を再起呼び出しにして対応しているのですが、
IFR.contentWindow.document.readyState は、いつも "complete"
なので、終了する条件はどうしたものかとハマッテしまいました（ｗ
もう少し、がんばってみます。
ありがとうございました。