父页面iframe高度自动适应子页面iframe高度

//iframe自适应高度

function getHeight(id, name) {

document.documentElement.scrollTop = 0;

var ifm = document.getElementById(id);

var subWeb = document.frames ? document.frames[name].document :

ifm.contentDocument;

if (ifm != null && subWeb != null) {

ifm.height = subWeb.body.scrollHeight;

}

initParentHeight(); //这个是再初始化父页面的iframe的高度

}

function initParentHeight() //初始化父页面的iframe的高度

{

var div = window.parent.document.getElementById(‘mainFrame‘);

div.style.height=window.document.body.scrollHeight||window.document.body.offsetHeight+5;

}

时间: 2024-10-20 16:38:17

父页面iframe高度自动适应子页面iframe高度的相关文章

转:iframe加载的子页面里面获取父级元素窗口以及元素的高度

iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前窗口(等价window) 父级页面:index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>父窗口<

使用yii的layout,加入&lt;?php echo $content; ?&gt;这句话时,它会自动在子页面上面添加一个div包裹

使用yii的layout,加入<?php echo $content; ?>这句话时,它会自动在子页面上面添加一个div包裹,而且div的id命名为id=content,这个和已有id重复,如何解决? http://hi.baidu.com/jyhscy/item/2b05034c9d9f1e35fb8960d1 yii中layout的column和main文件之间的关系 在yii创建应用成果之后,在view/layouts/目录下,会产生3个布局页面: -->main.php --&g

iframe弹出层中关闭包含iframe的div(子页面调用父页面js函数)

父页面: <div id="win2" style=" width:300px; height:200px; border:1px solid red;"> <iframe style="height:182px; width:300px;" src="1.html"></iframe> </div> js: function closeIframe(){ $("#wi

iframe传参调用子页面方法报错

contentWindow.xxx is not a function.iframe的时候还没有加载完成导致报错 var frame = document.getElementById("map"); frame.onload = function(){ frame.contentWindow.getMobile() }; https://blog.csdn.net/weixin_42596278/article/details/90606924 原文地址:https://www.cn

css 实现 左右div 等高, 同时父级div就是最高的子div的高度.

方法一: 通过父级overflow:hidden,  自己设置padding-bottom 和 margin-bottom来实现. 1 #wrap{ 2 overflow:hidden; 3 width:1000px; 4 margin:0 auto; 5 } 6 #left,#center{ 7 margin-bottom:-10000px; 8 padding-bottom:10000px; 9 } 10 #left{ 11 float:left; 12 width:250px; 13 ba

Iframe父页面与子页面之间的调用

专业词语解释如下:     Iframe:iframe元素是文档中的文档.     window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象.但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个window对象,再为每个iframe创建额外的window对象,这些额外的window对象是原始窗口的子窗口. contentWindow: 是指指定的iframe或者iframe所在的window对象.

父页面调用子页面的方法

其实一句话就可以调用子页面的方法了,何必整得那么纠结是吧,感谢java大神: var dsjg1=document.getElementById("div-dsjg").contentWindow.checkEmpty(); 我的子页面有一个方法: 子页面js: function checkEmpty(){ alert("我是儿子!"); } 子页面body内容省略. 父页面: <iframe id="div-dsjg" src="

父页面获取子页面的内容

需求说明:两个JSP页面,父页面需要子页面的内容,但子页面是隐藏的,具体来说,子页面是一系列的模板,父页面要通过id来获取这些模板,不愿意通过<include>方式导入,因为如果模板过多,就导致整个父页面太大,加载缓慢,以下两个方案,不知有没有解决这个问题. 1,通过ajax方式 实现过程:通过ajax请求到子页面中,子页面获取参数id使用java和js变量的交互后,返回需要的模板信息 缺点:把js变量转换成java变量比较麻烦,需要使用form表单来提交,而且jsp中的java脚本是在服务器

父页面与子页面间相互传值

父页面与子页面间相互传值 1.子页面又父页面通过window.open弹出 子页面要向父页面传值,只要在document前面加window.opener即可.如:父页面: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />