php iframe 自适应高度,两个iframe自适应高度的解决方法

很多小伙伴在做网站的时候对于解决

1、需求分析：

使页面中的iframe可以自适应高度，避免页面高度增加的时候页面和iframe会同时出现滚动条。

2、方法一：

在iframe上面直接加onload的方法，使其自适应

这里我们主要是使用了iFrame1.document.body.scrollHeight获取高度然后调整当前iframe的高度

3、方法二：

使用window.onresize检测到当前窗口改变大小的时候触发我们写好的js事件，使其高度自适应

function setIframeHeight(iframe) {

if(iframe) {

iframe.height = document.documentElement.clientHeight;

}

};

window.onload = function () {

setIframeHeight(document.getElementById('iframes'));

};

以上就是关于iframe自适应高度的全部内容了，希望对大家有所帮助，了解更多相关文章请关注

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/9354.html