ホームページ > ウェブフロントエンド > htmlチュートリアル > iframe は埋め込まれた page_html/css_WEB-ITnose の高さを動的に変更します

iframe は埋め込まれた page_html/css_WEB-ITnose の高さを動的に変更します

WBOY
リリース: 2016-06-24 11:56:02
オリジナル
1400 人が閲覧しました

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>
ログイン後にコピー


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート