牧天的故事

牧天的故事

JS—Iframe高度自适应处理

牧天 -  2009-03-12 17:14:10 » Web之路 | 访问: | 评论: | 收藏这篇日志

/**

* iframe高度处理

* @author zxub 2006-09-29

**/

 

/**

* 设置iframe高度等于内部页面高度,用于内部页面

*/

function setParentHeight(_iframeId)

{

if (parent.setIFrameHeight) return;

if (window.addEventListener) //firefox

{

var _action=function()

{

var _iframe=parent.document.getElementById(_iframeId);

if (!_iframe) return;

_iframe.height=_iframe.contentDocument.body.offsetHeight+16;

}

window.addEventListener("load", _action, false);

}

else if (window.attachEvent) //IE

{

var _action=function()

{

if (!parent.document.getElementById(_iframeId)) return;

parent.document.getElementById(_iframeId).height=document.body.scrollHeight;

}

window.attachEvent("onload", _action);

}

}

 

/**

* 设置iframe高度等于内部页面高度,用于父级页面

**/

function setIFrameHeight(_iframeId)

{

if (window.addEventListener) //firefox

{

var _action=function()

{

var _iframe=document.getElementById(_iframeId);

if (!_iframe) return;

_iframe.height=_iframe.contentDocument.body.scrollHeight;

_iframe.onload=function()

{

this.height=this.contentDocument.body.offsetHeight+16;

}

}

window.addEventListener("load", _action, false);

}

else if (window.attachEvent) //IE

{

var _action=function()

{

if (!document.getElementById(_iframeId)) return;

document.getElementById(_iframeId).height=document.frames[_iframeId].document.body.scrollHeight;

document.getElementById(_iframeId).onreadystatechange=function()

{

if (this.readyState=="complete")

{

this.height=document.frames[_iframeId].document.body.scrollHeight;

}

}

}

window.attachEvent("onload", _action);

}

}

点击下载JS文件

 博客标签: JSIframe
正在读取日志的评论数据,请稍后……
正在加载日志评论签写框,请稍后……
From Google
Goole搜索
 
站内搜索

日历助手
正在载入日历助手...
数字时钟
分类列表
日志归档
最新评论
{$SideComment}
最新留言
{$SideGB}
友情链接