动态改变iframe的高度,实现iframe自动延伸,与父页面自动收缩
原理:当iframe子页面被加载,母IFRAME对象被称为改变其高度
具体实现1:
1。在iframe的特定页面(这是一个孩子,添加Javascript
网页)
复制代码代码如下所示:
功能iframeresize(){
/ /警报(这个
文件。身体。scrollheight); / /弹出当前页面的高度
var obj = parent.document.getelementbyid(childframe / /获得);父页面的iframe对象
/ /警报(obj。高度); / /
设置弹出的网页在iframe的高度
obj.height = this.document.body.scrollheight; / / iframe的
调整在父页面的页面高度高度
}
2、添加在iframe的特定页面身体onload事件(即子页)
复制代码代码如下所示:
3、父页面的iframe标签ID,这是上面的第一步,第二childframe
方法体
复制代码代码如下所示:
< iframe边框= 0 marginwidth = 0
framespacing设定网页空白高度= 0 = 0
src=相框1. JSP边框= 0
noresize滚动=无宽度= 100%高度= 100% vspale = 0 id=childframe>
具体实现二:
复制代码代码如下所示:
iframe / /父类高度的动态变化
JS的 / / iframe页面调用
$(
函数(){())
获取窗口的高度
VaR的调查=美元(窗口)Height();
页面高度
无功bodyh = $(document)的Height();
如果(bodyh >总结){
window.parent.document.getelementbyid(主机)。高度= bodyh;
其他{ }
window.parent.document.getelementbyid(主机)。高度=调查;
}
});
的父页面iframe
复制代码代码如下所示: