请问一下老大 网页设计 iframe

来源：百度知道 编辑：UC知道 时间：2024/09/24 20:34:24
请问一下老大,:如以下代码:
<iframe align="center" name="1" width="782" height="303" src="1.htm" scrolling=no marginwidth=0 marginheight=0 frameborder=0> </iframe>
这样取得的高度是..303..像素
但如果有一天我要改了1.htm的内容..而1.htm的高度成了200像素..
那样index.htm所载入的1.htm就会出现有空白地方(空白高度大概是303-200=103)

我试过用以下代码:
<iframe align="center" name="1" width="782" height="100%" src="1.htm" scrolling=no marginwidth=0 marginheight=0 frameborder=0> </iframe>
高度从303像素改为100%

但是index.htm所载入的1.htm出现了更大空白页面..

好晕...

请问老大,,怎么解决..先谢了..会追分的..

在1.htm页面最后面加入以下脚本
<!--自动调整所在iframe大小的函数-->
<script type="text/javascript" language="javascript">
function f_frameStyleResize(targObj){
var targWin=targObj.parent.document.getElementById(targObj.name);
if(targWin!=null){
var HeightValue=targObj.document.body.scrollHeight;
targWin.style.pixelHeight=HeightValue;
var WidthValue=targObj.document.body.scrollWidth;
targWin.style.pixelWidth=WidthValue;
}
}
function f_iframeResize(){
f_frameStyleResize(self);
}
window.onload = function(){
f_iframeResize(); //调整大小
page_load(); //加载页面
}
</script>

1.在head之间加入以下代码：
<script language="JavaScript" event="onload" for="content">
mainview.height=right.document.body.scrollHeight+10;
</script>

2.修改iframe 所在的列，加上id="mainview"
<td id="mainview" vAlign=&