ホームページ >ウェブフロントエンド >htmlチュートリアル >iframe は埋め込まれた page_html/css_WEB-ITnose の高さを動的に変更します
iframe は埋め込まれた page_html/css_WEB-ITnose の高さを動的に変更します
- WBOYオリジナル
- 2016-06-24 11:56:021393ブラウズ
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> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。