欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

iframe高度自适应

程序员文章站 2022-07-14 22:31:17
...
实现代码:

<iframe id="frame_content" src="iframe_b.html" frameborder="0" onload="this.height=100"></iframe>
<!--这里onload不能去掉-->


(function(ifr){
var b,d,h,t;
setInterval(function(){
try {
b=ifr.contentWindow.document.body.scrollHeight,d=ifr.contentWindow.document.documentElement.scrollHeight;
h!==(t=b>d?b:d) && (ifr.height=t);//高度改变了才赋值
}catch(x){}
},200);
})(document.getElementById("frame_content"))//这里指定iframe的id

来源:
[url]http://ued.koubei.com/?p=243[/url]
相关标签: HTML