夏日博客

A-A+

iframe框架高度随内容的变化而变化

2013年09月20日 前端设计 评论 7 条 阅读 207 views 次

之前做过一个 iframe 框架高度随内容的变化而变化的JS效果，有客户反馈说在火狐下不能够随内容的变化而变化，测试了一下，果然在火狐等浏览器下不起作用，下面是搜集的一款可以在火狐下也能够随着高度内容变化而变化的一个框架源码。

  1. <iframe src="XXX.htm" width="700px" frameborder="0" id="frmsrc" scrolling="no" marginheight="0" onload="AutoIframe()"></iframe>  
  2. <script type="text/javascript">    
  3.     function AutoIframe()     
  4.     {     
  5.         if(document.readyState!='complete')     
  6.         {     
  7.             setTimeout( function(){AutoIframe();},25 );     
  8.             return;     
  9.         }     
  10.         else     
  11.         {     
  12.            var ifobj=document.getElementById("frmsrc");     
  13.            ifobjifobjifobj.height= ifobj.contentWindow.document.body.scrollHeight;     
  14.         }     
  15.     }     
  16. </script>  
  17. //XXX.htm不可跨域  
  18. <iframe src="dd.html" id="frmMain" name="frmMain" width="99%" height="100%" frameborder=0 scrolling=no marginHeight=0 marginWidth=0 onload="Javascript:SetWinHeight(this)" ></iframe>  
  19. function SetWinHeight(obj)     
  20. {     
  21.  var win=obj;     
  22.  if (document.getElementById)     
  23.  {     
  24.     if (win && !window.opera)     
  25.     {     
  26.   if (win.contentDocument && win.contentDocument.body.offsetHeight)     
  27.     winwinwin.height = win.contentDocument.body.offsetHeight;     
  28.   else if(win.Document && win.Document.body.scrollHeight)     
  29.     winwinwin.height = win.Document.body.scrollHeight;     
  30.     }     
  31.  }     
  32. }  

方便自己在查询时使用。

标签：

7 条留言  访客：7 条  博主：0 条

  1. 杳耳怠然 2013年09月23日 下午 2:03  -199楼  回复

    之前弄了好久都没办法弄到自动，嘿嘿！

  2. 牛逼站长 2013年09月23日 下午 1:31  -198楼  回复

    折腾了一下午，还是没在自己主题上实现，绕过主题到是很容易

  3. 李明 2013年09月21日 下午 8:04  -197楼  回复

    这代码很实用，对使用iframe框架很有帮助。

  4. 牛逼站长 2013年09月21日 上午 7:52  -196楼  回复

    好像没体验到

  5. 肥牛陈博客 2013年09月20日 上午 11:25  -195楼  回复

    你怎么换域名了啊？以前那个不是挺好的嘛

  6. 21氪 2013年09月20日 上午 10:21  -194楼  回复

    跟随的都比较好

  7. 免费部落 2013年09月20日 上午 7:02  -193楼  回复

    沙发一个！

给我留言