iframe自适应高度问题

来源:百度知道 编辑:UC知道 时间:2024/09/24 01:27:24
a.html用iframe嵌套b.html页面,当b.html页面高度调整的时候,a.html页面的高度自动调整,该如何实现,望高手们给指点下。万分感谢。

方法正确,再奖励50分!

在b.html里面添加一段JS,
function a() {
var hei = document.getElementById('divHeight').offsetHeight;
if(hei < 444) {
window.top.document.getElementById('frameid').style.height = 444;
} else {
window.top.document.getElementById('frameid').style.height = hei;
}
然后在b.html的body的onload事件里面调用该方法
说明:
1,你在b.html里面的html代码里的<body>和</body>之间加一个div,该div的id让他等于divHeight,上面的var hei = document.getElementById('divHeight').offsetHeight;里面的divHeight就是这个div的id
2,另外frameid为a.html中的iframe的id
3,上面函数的数字可以根据自己的页面另行调整