在下面的示例中,我们最初将 IFRAME 元素的宽度和高度属性设置为了 1。加载之后,我们会检查 IFRAME 中已加载文档正文的
scrollWidth 和
scrollHeight 属性,以查看它是否大于该 IFRAME 的
offsetWidth 和
offsetHeight 属性。然后,我们将宽度和高度属性设置为等于
scrollWidth 和
scrollHeight 属性,再加上一个很小的缓冲余地。
请注意,如果 IFRAME 中加载的文档来自其他域而不是该包含文档,则我们会遇到 Access is denied 错误。这是出于安全方面的原因。
<
html
>
< head >
< script > ...
function window.onload()
...{
if (frName1.document.body.scrollWidth > document.all.fr1.offsetWidth)
...{
document.all.fr1.width = frName1.document.body.scrollWidth + 4;
}
if (frName1.document.body.scrollHeight > document.all.fr1.offsetHeight)
...{
document.all.fr1.height = frName1.document.body.scrollHeight + 4;
}
}
</ script >
</ head >
< body >
< iframe id ="fr1" name ="frName1" height ="1" width ="1" src ="about:abc<br>defghijklmnopqrst<br>uvwxyz" ></ iframe >
</ body >
</ html >
< head >
< script > ...
function window.onload()
...{
if (frName1.document.body.scrollWidth > document.all.fr1.offsetWidth)
...{
document.all.fr1.width = frName1.document.body.scrollWidth + 4;
}
if (frName1.document.body.scrollHeight > document.all.fr1.offsetHeight)
...{
document.all.fr1.height = frName1.document.body.scrollHeight + 4;
}
}
</ script >
</ head >
< body >
< iframe id ="fr1" name ="frName1" height ="1" width ="1" src ="about:abc<br>defghijklmnopqrst<br>uvwxyz" ></ iframe >
</ body >
</ html >