html片段:
<div style="width:360px;height:100%;background:#ccc" class="panel-body">
<iframe id="pcontframe" name="pcontframe" src="" width="100%" height="100%" frameborder="0" scrolling="no">
</iframe>
</div>
js代码:
iframeHeight = function() {
var ifm = document.getElementById("pcontframe");
if (ifm != null) {
try{
var bHeight = ifm.contentWindow.document.body.scrollHeight;
var dHeight = ifm.contentWindow.document.documentElement.scrollHeight;
var height = Math.min(bHeight, dHeight);
ifm.height = height+10;
}catch (ex){}
}
}
document.getElementById("pcontframe").onload = function() {
document.getElementById("pcontframe").height=100;
setTimeout('iframeHeight()',200);
};
相关推荐
iframe高度自适应,多浏览器兼容 已测试过在ie6,7,8,firefox8,chrom15中通过
iframe自适应高度(兼容多种浏览器) 亲测可以
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
iframe自适应高度兼容各主流浏览器,经本人亲手测试。 通过测试的浏览器:IE/Firefox/Chrome/Opera/Safari 注:此方法不支持DOM动态操作 版本太旧,自行选择
纯JS实现的iframe自适应高度。兼容主流浏览器。
通用,可行的iframe高度自适应程序,通过ie6-ie8,ff3.5,opera,google为代表的前大内核的浏览器,可以保证iframe 高度自适应,其中涉及调第三方程序设置站点session
文件为iframe高度自适应的代码demo,能够兼容常用浏览器,项目开发当中我常拿来用
iframe自适应高度(兼容目前所有主浏览器)
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...
iframe自动适应高度,很难得的资源,很多下载的都是部分浏览器可以用,这个可以兼容360.ie6789等,遨游,火狐。搜狗等浏览器。。亲自测试。
同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然 后在主页面进行设置来实现。 代码如下,可复制。另外,
自适应窗口大小,兼容各浏览器,高度没有被限制,不会出现水平滚动条哦
代码如下: 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 自适应高度,js脚本如下: 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj....
很高兴,终于使用jquery实现了点击外部链接,更改iframe内容时,iframe的高度自适应问题。
从网上找的Iframe自适应高度,不是自已写的! 从哪找的忘了,要不一定写明出处! 放出来给自已留个备份!