[Âà¶K]§Q¥ÎJAVASCRIPTÅýIFRAME®Ø¬[ªº°ª«×¦Û¾AÀ³
http://tc.wangchao.net.cn/bbs/detail_1849262.html
¶±¤º´O¤£¦Pªººô¶¤º®e®É¡A¾ÉPiframeªº°ª«×µLªk»P¹ê²{¤º®e©Î浏Äý¾¹°ª«×¬Û¤Ç°t¡Cµ¡¤f¤j¤pÅÜ´«®É¡A¤£¯àiframe¤£¯à¶i¦æ¦Û°Ê½Õ¾ã¡C³oùØ¡A§Ú̧Q¥ÎJAVASCRIPTÅýIFRAME®Ø¬[ªº°ª«×¦Û¾AÀ³¡C
¡@¡@º¥ý¡A¼g¥X¦p¤UªºJS¤èªk¡C
¡@¡@/**
¡@¡@* ¤º´O¶±ªº°ª«×³]¸m
¡@¡@*/
¡@¡@function handleFrameLoad() {
¡@¡@var hDoc = getBodyHeight(document);
¡@¡@var tblmain = document.getElementById('tblMain');
¡@¡@var mFrame = window.mainFrame;
¡@¡@var hFrameDoc = getFrameHeight(mFrame);
¡@¡@var hTable = hDoc-80; //´î¥h¸Ó¶±°£iframe¥~¨ä¥L±±¥ó©Ò¥eªº°ª«×.
¡@¡@if(hFrameDoc > hTable) hTable = hFrameDoc;
¡@¡@tblmain.style.height = hTable;
¡@¡@mFrame.height = hTable;
¡@¡@if(window.mainFrame.moduleRight != null){
¡@¡@ //ªí¥Ü¸Ó¤º´O¶¡A¥]§t¤º´Oªº¶±¡A¶iframeªºid©T©w爲moduleRight¡C
¡@¡@ initFrameHeight(mFrame,hTable);
¡@¡@}
¡@¡@}
¡@¡@/**
¡@¡@* Àò¨ú·í«e¶±ªº°ª«×
¡@¡@*/
¡@¡@function getBodyHeight(doc){
¡@¡@ if(doc.all) return doc.body.offsetHeight;
¡@¡@ else return doc.body.scrollHeight;
¡@¡@}
¡@¡@/**
¡@¡@* Àò¨ú¤º´O¶¤¤ªº°ª«×.
¡@¡@* Y¥t§t¤l¤º´O(moduleRight)¶®É,À³¦Ò¼{¸Ó¶±ªº°ª«×.
¡@¡@*/
¡@¡@function getFrameHeight(mFrame){
¡@¡@ var h1 = mFrame.document.body.offsetHeight;
¡@¡@ var h2 = mFrame.document.body.scrollHeight;
¡@¡@ if(mFrame.moduleRight != null){
¡@¡@ var h3 = mFrame.moduleRight.document.body.scrollHeight;
¡@¡@ if(h3 > h2) h2 = h3;
¡@¡@ }
¡@¡@ return h2;
¡@¡@}
¡@¡@/**
¡@¡@* ³]¸m¤l¤º´O¶±ªº°ª«×.
¡@¡@* ³q¹L³]¸miframe©Ò¦btableªº°ª«×¨Ó½Õ¾ã¡C
¡@¡@*/
¡@¡@function initFrameHeight(frame,hFrame){
¡@¡@ var tbl = frame.document.getElementById('tblMainFrame');
¡@¡@ tbl.style.height = hFrame;
¡@¡@}
¡@¡@¥D¶±¡A¦b¥[¸ü§¹²¦¡]onload¡^¡Bµ¡¤f¤j¤p½Õ¾ã(onresize)¡A¥H¤Îiframeªº¥[¸ü§¹²¦®É¡A»Ý½Õ¥Î:handleFrameLoad¡A¥N½X¦p¤U:
¡@¡@<html>
¡@¡@ <body >
¡@¡@ <iframe src="" id="mainFrame" name="mainFrame" border=0 width=100% height=100% frameborder="0" marginwidth="0" hspace="0" scrolling="no" />
¡@¡@ </body>
¡@¡@</html
¡@¡@¨ä¥L¤º´O¶¦p¤U(ª`¡G¦¹³Bªºiframe°ª«×³]爲100%¡A¨ä°ª«×¥Ñ¤÷¶±³q¹L³]¸mtable<tblMainFrame>ªº°ª«×¨Ó¶i¦æ½Õ¾ã)¡G
¡@¡@<html>
¡@¡@ <body class="body" style="overflow:hidden;margin:0px;padding:0px">
¡@¡@ <table width="100%" height="100%" id="tblMainFrame" border="0" align="center" cellpadding="0" cellspacing="0">
¡@¡@ <tr>
¡@¡@ <td id='content' height=100%>
¡@¡@ <iframe src="about:blank" width="100%" height="100%" name="moduleRight" id="moduleRight" frameborder="0" hspace="0"/>
¡@¡@ </td>
¡@¡@ </tr>
¡@¡@ </table>
¡@¡@ </body>
¡@¡@</html>(¤ý´Âºô¸ô wangchao.net.cn)