在同一個頁面里也可以用的?
<IFRAME name=frame marginWidth=0
marginHeight=0
src="index.asp"
frameBorder=no width=100%? height="100%"? scrolling=auto
></IFRAME>
<html>?
??? <head>?
?????? <meta? http-equiv='Content-Type'? content='text/html;? charset=gb2312' />??
???????????? <title>iframe自適應加載的頁面高度</title>?
??? </head>?
????
??? <body>
??????? <div><iframe src="child.htm"></iframe></div>
??? </body>
</html>
child.htm:
<html>?
<head>?
??? <meta? http-equiv='Content-Type'? content='text/html;? charset=gb2312' />?
??? <meta? name='author'? content='F.R.Huang(meizz梅花雪)//www.meizz.com' />?
??? <title>iframe? 自適應其加載的網頁(多瀏覽器兼容)</title>?
??? <script type="text/javascript">
??? <!--
??? function iframeAutoFit()
??? {
??????? try
??????? {
??????????? if(window!=parent)
??????????? {
??????????????? var a = parent.document.getElementsByTagName("IFRAME");
??????????????? for(var i=0; i<a.length; i++) //author:meizz
??????????????? {
??????????????????? if(a[i].contentWindow==window)
??????????????????? {
??????????????????????? var h1=0, h2=0;
??????????????????????? a[i].parentNode.style.height = a[i].offsetHeight +"px";
??????????????????????? a[i].style.height = "10px";
??????????????????????? if(document.documentElement&&document.documentElement.scrollHeight)
??????????????????????? {
??????????????????????????? h1=document.documentElement.scrollHeight;
??????????????????????? }
??????????????????????? if(document.body) h2=document.body.scrollHeight;
??????????????????????? var h=Math.max(h1, h2);
??????????????????????? if(document.all) {h += 4;}
??????????????????????? if(window.opera) {h += 1;}
??????????????????????? a[i].style.height = a[i].parentNode.style.height = h +"px";
??????????????????? }
??????????????? }
??????????? }
??????? }
??????? catch (ex){}
??? }
??? if(window.attachEvent)
??? {
??????? window.attachEvent("onload",? iframeAutoFit);
??????? //window.attachEvent("onresize",? iframeAutoFit);
??? }
??? else if(window.addEventListener)
??? {
??????? window.addEventListener('load',? iframeAutoFit,? false);
??????? //window.addEventListener('resize',? iframeAutoFit,? false);
??? }
??? //-->
??? </script>?
</head>?
<body>
??? <table border="1" width="200" style="height: 400px; background-color: yellow">
??????? <tr>
??????????? <td>iframe? 自適應其加載的網頁(多瀏覽器兼容，支持XHTML)</td>
??????? </tr>
??? </table>
</body>?
</html>
posted on 2006-12-16 02:01
EricWong 閱讀(843)
評論(0) 編輯 收藏 所屬分類:
others