iframe动态改变内嵌页面高度

最新推荐文章于 2024-07-15 14:11:16 发布

weixin_30758821

最新推荐文章于 2024-07-15 14:11:16 发布

阅读量85

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bhlsheji/p/5378470.html

版权

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.οnlοad=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>

转载于:https://www.cnblogs.com/bhlsheji/p/5378470.html

weixin_30758821

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe动态改变内嵌页面高度

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> &lt...
复制链接

扫一扫