首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

iframe 高度自适应 小结篇

2012-10-30 
iframe 高度自适应 总结篇iframe idframe_content srciframe_b.html scrollingno frameborder

iframe 高度自适应 总结篇

<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=100"></iframe>     <script type="text/javascript">     function reinitIframe(){     var iframe = document.getElementById("frame_content");     try{     var bHeight = iframe.contentWindow.document.body.scrollHeight;     var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;     var height = Math.max(bHeight, dHeight);     iframe.height =  height;     }catch (ex){}     }     window.setInterval("reinitIframe()", 200);     </script>  

?

如果只考虑FX和IE,并且,iframe里面内容也不进行DOM操作,那仍然可以用最简单的传统处理方式:

<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe>  

?

这问题,我寻找了好多资料,都没这篇讲解的详细

?

?转自:http://lancijk.iteye.com/blog/621352

热点排行