Javascript动态改变iframe的高度实现自动扩展

Javascript动态改变iframe的高度实现自动扩展
动态改变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
复制代码代码如下所示:

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部