党娟博客

iframe根据子页面内容高度自适应高度

1. 子页面frm.html代码:

<style type="text/css">
<!--
* { padding:0 auto; margin:0 auto; }
-->
</style>
<ol>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li>&nbsp;</li>
</ol>

2. iframe.html页面代码:

<script type="text/javascript">
function SetWinHeight(obj) { 
 var win=obj; 
 if (document.getElementById) {
  if (win && !window.opera) {
   if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.contentDocument.body.offsetHeight; 
   else if(win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight; 
  } 
 } 
}
</script> 
iframe之前的文字
<hr/>
<iframe width="600" align="center" height="" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="frm.html"></iframe>
<hr/>
iframe之后的文字
<hr/>
<script language="javascript" type="text/javascript">
function dyniframesize(ifrmsz) {
 var pTar = null;
 if (document.getElementById) { pTar = document.getElementById(ifrmsz); }
 else { eval('pTar = ' + ifrmsz + ';'); }
 if (pTar && !window.opera) {
  pTar.style.display='block'; 
  if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
   pTar.height = pTar.contentDocument.body.offsetHeight; pTar.width = pTar.contentDocument.body.scrollWidth;
   }
  else if (pTar.Document && pTar.Document.body.scrollHeight) {
   pTar.height = pTar.Document.body.scrollHeight; pTar.width = pTar.Document.body.scrollWidth;
   }
 }
}
</script>

 


发表我的评论

Hi,您需要填写昵称和邮箱!

  • 必填项