iframe已经被seoer们所抛弃。但是iframe在某些地方还是有他的作用的。

在使用iframe的时候，很多人会被他的高度所难倒。现在我们看看iframe怎么样自适应高度的。

页面page1.htm包含有1个iframe和若干其他内容，iframe高度自动调整，

常用代码：

<iframe id=”iframe1″ name=”iframe1″ src=”test.htm” 

onload=”height=iframe1.document.body.scrollHeight” width=”100%”></iframe>

但是，有的时候打开这个页面时其他内容完全正常，有时iframe却不能显示出来。

如果把iframe设置为固定高度，即把上面的 onload=”height=iframe1.document.body.scrollHeight” 替换为 height=具体数值，则显示完全正常。

后来看了很多资料。这样写完全没有问题了。

<script language=”JavaScript” type=”text/JavaScript”>
<!–
function autoResize()
{
 try
 {
 document.all["iframe1"].style.height=iframe1.document.body.scrollHeight
 }
 catch(e){}
}
</script>
 <IFRAME name=iframe1 id=iframe1 src=”test.htm” frameborder=”NO” border=”0″

 framespacing=”0″ width=”100%” style=”height:expression(1);aho:expression(autoResize())”></IFRAME>