监听页面高度变化_Iframe 自适应高度并实时监控高度变化的js代码

不得不用到iframe，且被强烈要求不能让它出现滚动条！嵌入的页面肯定是高度不一的，页面中也不能出现大片空白，所以也不能写死高度！真是麻鬼烦啊！

google N次 + 百度M次 + 试验了1605次之后(听说农药1605就是实验了这么多次后出来的)，得出下面成果，在IE7及Firefox3里试了下还能凑合着用用！

1、首先给出个Iframe。

marginheight="0"

marginwidth="0"

height="100"

width="1000"

frameborder="0"

scrolling="no"

src="xxxxx.html">

2、然后看看怎么获取Iframe中的页面的高度。

其实最麻烦的就是怎么让获取的高度准确，不同的方式不同的浏览器中获取到的值都会不一样！晕啊～～。参考了多方意见得出以下javascript函数(doc参数为window.document对象)：

function getDocHeight(doc)

{

//在IE中doc.body.scrollHeight的可信度最高

//在Firefox中，doc.height就可以了

var docHei = 0;

var scrollHei;//scrollHeight

var offsetHei;//offsetHeight，包含了边框的