父页面代码片段如下:
function Fream_Height_auto()
{
var pos1;
if(window.parent.document.getElementById("pos1"))
{
//获得父页面中,装在iFrame的层对象
pos1=window.parent.document.getElementById("pos1");
if(pos1.style.display=="none")//如果获得对象,判断该对象的状态是否隐藏
{
var frm_height= window.parent.document.getElementById("frm_height");//获得父页面中记录高度的隐藏域的对象
window.parent.document.getElementById("frame_check").height=frm_height.value;//将该对象的值,赋给父页面中的iFrame的高度属性
}
else
{
var frm_height= window.parent.document.getElementById("frm_height");
window.parent.document.getElementById("frame_check").height=120; //初始化iFrame的高度
window.parent.document.getElementById("frame_check").height = document.documentElement.scrollHeight;//将iFrame的高度定义成文档元素的滚动高度
frm_height.value=document.documentElement.scrollHeight;//并把文档元素的滚动高度,赋值给父页面中记录高度的隐藏域
}
}
}
window.οnlοad=function()
{
Fream_Height_auto();
}
当然,js代码加上异常处理效果更好。。
<div id="pos1" style="display:none">
<div class="groupbody">
<div class="div_style">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr><td height="10" colspan="2" align="center"><hr size="1" noshade="noshade"/></td></tr>
<tr>
<td height="30" colspan="2" align="center">
<iframe frameborder="0" width="100%" scrolling="no" name="frame_check" id="frame_check" src="New_Subnets_frame_check.php"></iframe>
</td>
</tr>
<tr>
<td width="20%" height="25" align="center"> </td>
<td height="25" align="left">
<input οnclick="change();" class="input_button" type="button" name="Submit3" value="<?php echo $New_Subnets_la['Add'] ?>" />
<input name="frm_height" type="hidden" id="frm_height" value="120"/>
</td>
</tr>
<tr>
<td height="30" colspan="2" align="center">
<table style="border:1px solid #39739C;" width="690" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="230" class="tableleft">
<?php echo $New_Subnets_la['Option_Name'] ?>
</td>
<td width="230" class="tablecenter">
<?php echo $New_Subnets_la['Value'] ?>
</td>
<td width="230" class="tableright">
<?php echo $New_Subnets_la['Action'] ?>
</td>
</tr>
<!--循环开始 -->
<tr>
<td colspan="3" align="center" class="tdleft">
<table id="myTable">
</table>
</td>
</tr>
<!--循环结束 -->
</table>
<input name="tablelistnum" type="hidden" id="tablelistnum" />
<textarea style="display:none" name="tablelist" cols="40" rows="5" id="tablelist"></textarea>
</td>
</tr>
</table>
</div>
</div>
</div>
父页面主要加入一个记录iFrame高度的隐藏域<input name="frm_height" type="hidden" id="frm_height" value="120"/>
iFrame高度自适应问题
最新推荐文章于 2022-05-26 19:37:24 发布