境界線のない iframe は Web ページとシームレスに統合できるため、ページを更新せずにページの一部のデータを更新することができます。ただし、iframe のサイズはレイヤーほど「拡張性」がないため、問題が発生します。ここで、iframe の高さを動的に調整する方法を説明します。主に次の JS 関数です。
プログラムコード
関数 SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if (win && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
最後に、iframe を追加するときは、onload 属性を失うことはできません。もちろん、その ID は関数内の win と一致する必要があります。
プログラムコード