对于iframe高度的问题,需要分两类,第一种是同域的父页面和子页面解决方法是
假如iframe的ID是iframeExp
var newIframe = docment.getElementById("iframeExp");
function setHeight(){
var doc=newIframe.contentWindow.document;
var maxHeight=Math.max(doc.documentElement.scrollHeight,doc.body.scrollHeight);
if(maxHeight!=getStyle(newIframe,"height")){
newIframe.style.height=maxHeight+"px";
}
}
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getCumputerStyle(obj,false)[attr];
}
}
if(newIframe){
setInterval(setHeight(),300);
}
第二种是跨域的的父页面和子页面
假如父页面是A,子页面是B,需要一个代理商页面是C。
其中A和C是同域,A嵌套B,B嵌套C,
在B中需要计算自己的高度然后通过URL传给C,然后C可以访问A把高度告诉A
在B中
var getHeight = function(){
return Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);
};
agent_iframe.src = "C的地址?a=" + Math.random() + "#" + getHeight();
在C中
window.top.document.getElementById("frame_content_parent").height = parseInt(window.location.hash.substring(1),10);
分享到:
相关推荐
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
本文实例讲述了jQuery获取与设置iframe高度的方法。分享给大家供大家参考,具体如下: 设置iframe的高度,iframe的高度由iframe中的页面高度决定。 1.首先获取到iframe中页面的高度: 复制代码 代码如下:var iframe...
javascript动态调整iframe高度
iframe包含的页面的高度,兼容性好,iframe高度自适应
iframe设置高度随子页高度的变化而变化 0分资源共享
iframe高度自适应。点击链接载入网页,脚本检测iframe页面高度并动态增加父页面高度
iframe自适应高度和宽度
iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度
纯JS实现的iframe自适应高度。兼容主流浏览器。
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
iframe解决高度的终极代码,可兼容所有浏览器,调用页面有效不出现BUG
iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js
iframe 跨域 自动适应高度;iframe 跨域 自动适应高度;
iframe之间进行控制,这样更有利于程序的编写,希望对大家有所帮助。
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
但是这样一来如果iframe里面的内容是变化的,高度会随之内容的变化而变化的时候,你的iframe就会显得太长导致底下一大片空白,或者正好相反,由于iframe的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/...
iframe自动适应高度
iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe...
根据iframe内容高度自适应。不能确保所有的地方都能通用,但是大部分地方都能适用。