同域、子页面高度不会动态增加:
(function(){
var iframe = document.getElementById("contentIframe"),//这里填iframeID
setIframeHeight = function(){
var frameContent = iframe.contentWindow.document,
frameHeight = Math.max(frameContent.body.scrollHeight,frameContent.documentElement.scrollHeight);
iframe.height = frameHeight;
};
if(iframe.addEventListener){//Mozilla safari......
iframe.addEventListener("load",setIframeHeight,false);
}else if(iframe.attachEvent){//IE等浏览器
iframe.attachEvent("onload",setIframeHeight);
}
else{
iframe.onload=setIframeHeight;
}
})();
分享到:
相关推荐
iframe自适应高度(兼容多种浏览器) 亲测可以
iframe自适应高度兼容各主流浏览器,经本人亲手测试。 通过测试的浏览器:IE/Firefox/Chrome/Opera/Safari 注:此方法不支持DOM动态操作 版本太旧,自行选择
纯JS实现的iframe自适应高度。兼容主流浏览器。
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
iframe自适应高度(兼容目前所有主浏览器)
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...
iframe高度自适应,多浏览器兼容 已测试过在ie6,7,8,firefox8,chrom15中通过
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
自适应窗口大小,兼容各浏览器,高度没有被限制,不会出现水平滚动条哦
iframe自动适应高度,很难得的资源,很多下载的都是部分浏览器可以用,这个可以兼容360.ie6789等,遨游,火狐。搜狗等浏览器。。亲自测试。
同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然 后在主页面进行设置来实现。 代码如下,可复制。另外,
兼容主流浏览器的 iframe 自适应高度,很实用的,具体的js脚本如下,感兴趣的朋友可不要错过
代码如下: function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ?...
从网上找的Iframe自适应高度,不是自已写的! 从哪找的忘了,要不一定写明出处! 放出来给自已留个备份!
通用,可行的iframe高度自适应程序,通过ie6-ie8,ff3.5,opera,google为代表的前大内核的浏览器,可以保证iframe 高度自适应,其中涉及调第三方程序设置站点session
文件为iframe高度自适应的代码demo,能够兼容常用浏览器,项目开发当中我常拿来用
很高兴,终于使用jquery实现了点击外部链接,更改iframe内容时,iframe的高度自适应问题。