iframe 高度自适应

阅读更多

转自：http://apps.hi.baidu.com/share/detail/20320137

 

高度自适应：

    好几次看到有人提问问到如何实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象，刚好我在工作中也碰到了类似问题，于是上网翻查，东抄抄西看看，弄出来这么一个函数，贴到页面里面就能用了。不敢独享，大家要是觉 得有用，欢迎使用

　　源代码如下

　　

　　

　　使用的时候只要贴在里面就可以了

高度自适应更简单的方法：

 

iframe的滚动条很难看，很多时候需要自动调整高和宽 扩展到使页面显示正常。
搜索了一下，以下是解决办法：


function iframe_resize()
{
/方法一
document.getElementById("iframe_resume").style.height= iframe_resume_name.document.body.scrollHeight; // IE7 和Firefox 都可以
document.getElementById("iframe_resume").style.width = iframe_resume_name.document.body.scrollWidth; // IE7 和Firefox 都可以

//方法二：
// document.getElementById("iframe_resume").style.height= window.iframe_resume.document.body.scrollHeight; //IE7可以Firefox 不行
// document.getElementById("iframe_resume").style.width =iframe_resume.document.body.scrollWidth; //IE7可以Firefox 不行 ， 一般要引用window对象的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”就可以了。

return true;
}