实现功能:在页面中iframe的高度,会随着iframe载入内容多时,自动伸展。
1、写一个js方法。
2、在iframe中的onload事件时调用该方法。
注意:iframe的ID值和方法中使用的ID值保持一致。
<iframe width="100%" align="center" height="200" id="cwin" onload="Javascrīpt:SetCwinHeight()" frameborder="0" scrolling="no" src="one.jsp" ></iframe>
<script type="text/javascript">
function SetCwinHeight()
{
var cwin=document.getElementById("cwin");
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
cwin.height = cwin.contentDocument.body.offsetHeight;
else if(cwin.Document && cwin.Document.body.scrollHeight)
cwin.height = cwin.Document.body.scrollHeight;
}
}
}
</script>
分享到:
相关推荐
iframe 跨域 自动适应高度;iframe 跨域 自动适应高度;
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
iFrame 自动调整高度 绝对有效! 分可能是高咯滴滴儿....不过一分钱一分货哈,没效果你骂我、使劲骂!
动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩 原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面),添加JavaScript 代码如下: ...
iframe自动适应高度
iframe自动改变高度 朝好用的一个框架 我就在用
纯JS实现的iframe自适应高度。兼容主流浏览器。
iframe包含的页面的高度,兼容性好,iframe高度自适应
javascript动态调整iframe高度
js脚本: 自动调节iframe高度,而不显示其滚动条
iframe高度自适应。点击链接载入网页,脚本检测iframe页面高度并动态增加父页面高度
iframe自动适应高度,很难得的资源,很多下载的都是部分浏览器可以用,这个可以兼容360.ie6789等,遨游,火狐。搜狗等浏览器。。亲自测试。
iframe设置高度随子页高度的变化而变化 0分资源共享
在用js动态创建时,iframe 很难自动适应高度宽度,写100%也没有,推出此方法可以解决这方面难题
iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js
iframe自适应高度和宽度
iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度
iframe高度自适应.pdf
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板