兼容FireFox和IE的iframe自适应高度js函数
2008-09-12 15:53
495 查看
function iframeFitHeight(oIframe)
{//Iframe窗口自适应高度 兼容IE6.0 FF2.0以上
try
{
var oWin = oIframe.name ? window.frames[oIframe.name] : oIframe.contentWindow;
oIframe.style.height = oWin.document.body.scrollHeight + "px";
}
catch(e){}
}
找了很多此类代码,要么不兼容,要么太复杂,自己写了个,兼容大多数主流浏览器。
调用:在iframe的父窗口加入此函数,用<iframe onload="iframeFitHeight(this)">调用就行。
特点:代码简单,维护方便、与子窗口无关、不需要定义iframe的id和name属性、兼容FireFox。
缺点:用到了iframe的onload事件,IE5.0以下不支持。
{//Iframe窗口自适应高度 兼容IE6.0 FF2.0以上
try
{
var oWin = oIframe.name ? window.frames[oIframe.name] : oIframe.contentWindow;
oIframe.style.height = oWin.document.body.scrollHeight + "px";
}
catch(e){}
}
找了很多此类代码,要么不兼容,要么太复杂,自己写了个,兼容大多数主流浏览器。
调用:在iframe的父窗口加入此函数,用<iframe onload="iframeFitHeight(this)">调用就行。
特点:代码简单,维护方便、与子窗口无关、不需要定义iframe的id和name属性、兼容FireFox。
缺点:用到了iframe的onload事件,IE5.0以下不支持。
相关文章推荐
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IEFirefox、同域跨域)
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- Iframe跨域自适应高度(兼容IE/Firefox)终极解决方案
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- 【转】Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- JS实现iframe自适应高度的方法(兼容IE与FireFox)
- Iframe高度自适应(兼容IEFirefox、同域跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- 兼容IE/Firefox的Iframe高度自适应
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe自适应高度兼容ie,firefox多浏览器
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- 【转】Iframe高度自适应(兼容IE/Firefox、同域/跨域)