(转)用javascript使iframe高度自适应(本域内)

来源:互联网 发布:程序员的网站有哪些 编辑:程序博客网 时间:2024/05/20 08:26
  1. (转)用javascript使iframe高度自适应(本域内) 
  2. <script language="javascript" type="text/javascript">
  3.          var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf
  4. ("Firefox")).split("/")[1]
  5.          //extra height in px to add to iframe in FireFox 1.0+ browsers   
  6.          var FFextraHeight=getFFVersion>=0.1? 16 : 0  
  7.          function dyniframesize(iframename)
  8.          {
  9.              var pTar = null;
  10.              if (document.getElementById)
  11.              {
  12.                 pTar = document.getElementById(iframename); 
  13.            }
  14.             else
  15.             {  
  16.                 eval('pTar = ' + iframename + ';'); 
  17.             }
  18.             if (pTar && !window.opera)
  19.             {
  20.                 //begin resizing iframe
  21.                 pTar.style.display="block" 
  22.                 if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight)
  23.                 {
  24.                     //ns6 syntax 
  25.                     pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
  26.                }
  27.                 else if (pTar.Document && pTar.Document.body.scrollHeight)
  28.                 {
  29.                     //ie5+ syntax 
  30.                     pTar.height = pTar.Document.body.scrollHeight;
  31.                 }
  32.                
  33.             }
  34.         } 
  35.     </script>
  36. <iframe id="OrderFrame" src="test.aspx" marginwidth=0 marginheight=0 width=200 height=100 
  37. frameborder=0 scrolling=no onload="javascript:{dyniframesize('OrderFrame');}"></iframe>
原创粉丝点击