<iframe width="190" id="test" alt="Iframe高度自适应" src=http://www.3pcode.com/article/article_106/gsw.php frameborder="0" scrolling="no"></iframe>
*一定要设置id属性
在</head>之间加入:
<script type="text/javascript">
var iframeids=["test"]
var iframehide="yes"
function dyniframesize()
{
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++)
{
if (document.getElementById)
{
dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
if (dyniframe[i] && !window.opera)
{
dyniframe[i].style.display="block"
if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight)
dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight)
dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
}
}
if ((document.all || document.getElementById) && iframehide=="no")
{
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
if (window.addEventListener)
window.addEventListener("load", dyniframesize, false)
else if (window.attachEvent)
window.attachEvent("onload", dyniframesize)
else
window.onload=dyniframesize
</script>
分享到:
相关推荐
iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js
Iframe 高度自适应,js控制Iframe 高度自适应.docx
iframe包含的页面的高度,兼容性好,iframe高度自适应
iframe高度自适应.pdf
根据iframe内容高度自适应。不能确保所有的地方都能通用,但是大部分地方都能适用。
NULL 博文链接:https://jxdwuao.iteye.com/blog/1243362
jsp页面iframe高度自适应的js代码.docx
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
文件为iframe高度自适应的代码demo,能够兼容常用浏览器,项目开发当中我常拿来用
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
iframe高度自适应,多浏览器兼容 已测试过在ie6,7,8,firefox8,chrom15中通过
通用,可行的iframe高度自适应程序,通过ie6-ie8,ff3.5,opera,google为代表的前大内核的浏览器,可以保证iframe 高度自适应,其中涉及调第三方程序设置站点session
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
iframe自适应高度和宽度
纯JS实现的iframe自适应高度。兼容主流浏览器。
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...
解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题