IFrame里面的子页面html内容变化时，怎么动态改变IFrame的高度

1、在IFrame的具体页面(就是子页面)，添加JavaScript

<script>
function IFrameResize(){
//alert(this.document.body.scrollHeight); //弹出当前页面的高度
var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象
//alert(obj.height); //弹出父页面中IFrame中设置的高度
obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度
}
</script>

2、在IFrame的具体页面(就是子页面)的body中，添加onload事件

<body onload="IFrameResize()">

3、为父页面的IFrame标签添加ID，即上面第一步，方法体中的第2行所写到的childFrame

<iframe border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="/html/indexCon.html"  frameBorder=0
noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame"></iframe >

IFrame里面的子页面html内容变化时，怎么动态改变IFrame的高度相关推荐

layui 父页面弹框中获取子页面的内容
layer弹层组件开发文档 - Layuihttps://www.layui.site/doc/modules/layer.html#layer.getChildFrame 需求及代码分析如上图,原 ...
用javascript 动态改变iframe 的src 属性
原文地址为: 用javascript 动态改变iframe 的src 属性 <iframe id="xx"></iframe> <iframe id= ...
iframe 根据嵌入的页面大小，动态改变iframe的大小
html: <iframe src="main.html" frameborder="0" scrolling="no" width= ...
js动态改变iframe的高度
在数飞OA的开发过程中,遇到问题:一个jsp页面嵌套一个html页面. 〈iframe id="docDetail" width="100%" height= ...
在父页面用Iframe加载子页面时，将父页面的title替换成子页面title
报告管理转载于:https://www.cnblogs.com/maomojun/p/9667320.html
php改变iframe的src,js动态改变iframe的src属性
今天在Chrome下显示如下的iframe,src设置为空,但打开页面时iframe一直处于刷新状态,看了下面的博文,觉得是不是默认不显示时src应该写成about:blank,明天回去测试下,回来更 ...
js动态改变iframe的src属性
今天在Chrome下显示如下的iframe,src设置为空,但打开页面时iframe一直处于刷新状态,看了下面的博文,觉得是不是默认不显示时src应该写成about:blank,明天回去测试下,回来更 ...
页面加载完时再动态添加脚步
//页面加载时不存在,加载完时再添加 function loadScript(url) {//外部文件var script = document.createElement("script& ...
【转】js之iframe子页面与父页面通信
2019独角兽企业重金招聘Python工程师标准>>> iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 ...
iframe 覆盖父页面_一次iframe子页面与父页面的通信
事件回顾: 收到需求,说是要在别人的系统里嵌入目前由我维护的系统,嵌入的逻辑不多,只有一个创建流程. 刚开始觉得没什么,不就是你改改,我改改,你给我url加个参数,我知道是你调用,修改下页面balab ...

IFrame里面的子页面html内容变化时，怎么动态改变IFrame的高度

IFrame里面的子页面html内容变化时，怎么动态改变IFrame的高度相关推荐

最新文章

热门文章