[转发]让iframe根据嵌入网页内容自动调整高度

原文地址 http://hi.baidu.com/cqxuanboy/blog/item/8436ad3c03162fd07c1e7132.html

iframe在网页中经常用到，尤其是不想用框架却想具有框架一样的导航与显示效果的时候。不用框架的原因，有时是受布局图片的限制，不太好划分矩形区域，比较适合用表格背景图片自动伸缩的形式，我最近就碰到一例。

   网上很容易搜到在嵌入的页面的onload事件中调用如下代码的方法：

   parent.document.all(self.name).height=document.body.scrollHeight;

   就是这个方法不假，但还有一点是不可不加的，那就是expires，如果不禁止网页缓存，恐怕你是别想得偿所愿的。方法也很简单，在主页及嵌入页中加入如下内容：

   如此定当包你满意，简单示例如下。

    主页面内容：

    嵌入页面embed.htm内容：

   

   

   

   

   

   

   

   

   

	1
	2
	3
	4
	5
	6
	7
	8
	9

   

   你可以增加embed.htm中表格的行试试，iframe不会有滚动条，只有主页面的一条滚动条。其实技术很简单，特此铭记，以备日后再用。