iframe在网页中经常用到,尤其是不想用框架却想具有框架一样的导航与显示效果的时候。不用框架的原因,有时是受布局图片的限制,不太好划分矩形区域,比较适合用表格背景图片自动伸缩的形式,我最近就碰到一例。
网上很容易搜到在嵌入的页面的onload事件中调用如下代码的方法:
parent.document.all(self.name).height=document.body.scrollHeight;
就是这个方法不假,但还有一点是不可不加的,那就是expires,如果不禁止网页缓存,恐怕你是别想得偿所愿的。方法也很简单,在主页及嵌入页中加入如下内容:
如此定当包你满意,简单示例如下。
主页面内容:
嵌入页面embed.htm内容:
function setparentheight(){
parent.document.all(self.name).height=document.body.scrollHeight;
}
| 1 | ||
| 2 | ||
| 3 | ||
| 4 | ||
| 5 | ||
| 6 | ||
| 7 | ||
| 8 | ||
| 9 |
你可以增加embed.htm中表格的行试试,iframe不会有滚动条,只有主页面的一条滚动条。其实技术很简单,特此铭记,以备日后再用。