<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS 获取iframe高度的静动态方法</title>
<link rel="stylesheet" href="base.css" />
</head>
<body>
<h3>iframe 演示</h3>
<!--默认的-->
<iframe src="demo.html"></iframe>
<!-- 静态获取高度 -->
<iframe src="demo.html" scrolling="no" frameborder="0" id="iframeHei" width="100%"></iframe>
<script type="text/javascript">
function iframeAutoFit(iframeObj){
setTimeout(function(){if(!iframeObj) return;iframeObj.height=(iframeObj.Document?iframeObj.Document.body.scrollHeight:iframeObj.contentDocument.body.offsetHeight);},200)
}
window.onload = function () {
iframeAutoFit(document.getElementById('iframeHei'));
};
</script>
<!-- 动态获取高度，每200毫秒获取一次 -->
<iframe src="demo.html" frameborder="0" scrolling="no" id="iframeHei2" width="100%" onload="this.height=100"></iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("iframeHei2");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>
</body>
</html>
效果图：
相关推荐
iframe根据引用的页面内容自适应高度和宽度，直接查看例子，简单易操作
不得不用到iframe，且被强烈要求不能让它出现滚动条！嵌入的页面肯定是高度不一的，页面中也不能出现大片空白，所以也不能写死高度！真是麻鬼烦啊！
代码如下:function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win....
iframe 高度 iframe 高度是一个允许跨域消息传递的简单工具，特别是针对响应式设计调整 iframe 高度的大小。 用法 将 parent.js 文件添加到包含页面，将 child.js 添加到包含页面。 在父页面中调用： IframeResize...
本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考，具体如下： 之前一直被iframe自适应高度的问题困扰，很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆...
在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法。在父页面中给定一个不带滚动条的iframe，然后对属性src指定一个可加载的页面，这样当父页面被访问的时候，子页面可以被自动加载。iframe的高度...
iframe高度自适应，获取自身高度,之后将高度作为参数传递，在窗口加载后执行就可以了
domainA 中有一个页面index.html，通过iframe嵌套了domainB中的一个页面other.html 由于other.html页面在iframe中显示，而且其页面内容会动态的增加或减少，现在需要去掉iframe的滚动条 由于javascript同源策略的...
页面域关系： 主页面a.html所属域... 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的高度和宽度就必须首先读取得到b.html的大小,A、B不属于同一个域,浏览器为了安全性考虑，使js跨域访问受限,读取不到b.
main.htm: 代码如下:<html> <head> <... charset=gb2312′> <... <...iframe自适应加载的页面高度</title> </head> <body> <iframe src=”child.htm”
自适度div高度,js获取元素位置和窗口高度,自动适应，也可以使用在父框是iframe，有完整的js实例
5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...
5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的select 6.5 从一个下拉...
// 初始化方法执行完成后即可获取地图中心点信息 MapControl.marker = new BMap.Marker( this.getCenter()); // 创建标注 this.addOverlay(MapControl.marker ); // 将标注添加到地图中 ...
如：<script type="text/javascript" src="ymPrompt.js"></script> 2、在页面中引入对应的皮肤文件的CSS，如： 3、自定义组件的默认配置信息（此步骤可选，该方法可以在任意时间调用） 页面的js中通过ymPrompt....
页面需要嵌套在跨域的iframe中，而页面高度不固定，需要每个页面把自己的高度获得后，通过js通知iframe调整显示。 而页面在获得自己的高度时，发现总是比预想的大。经过参考别人的博客，发现原来是w3c标准的原因。 ...