您的位置：首页 > 其它

iframe动态改变内嵌页面高度

2016-04-11 14:56 387 查看
test.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body>
<table align=center cellspacing=0 cellpadding=0 height="100%" border=0>
<tbody>
<tr>
<td valign="top" width="206" name="frametitle" id="frametitle">
<iframe style="z-index: 1; visibility: inherit; width: 206px;height:100%" name="leftmenu" id="leftmenu" src="nest.html" frameborder=0  scrolling="no"></iframe>
</td>
</tr>
</tbody>
</table>
</body>
</html>
<script type="text/javascript">
function TuneHeight(){
var h = document.getElementById("leftmenu").contentWindow.document.body.scrollHeight + "px";
document.getElementById("frametitle").style.height=h;
}
window.onload=TuneHeight;
</script>


nest.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function test(){
document.write("<span>----------------------------------</span>");
window.parent.TuneHeight();
}
setInterval(test,1000);

</script>
</head>

<body>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航