如何自动调整iFrame的大小? [英] How to auto-size an iFrame?

查看:901
本文介绍了如何自动调整iFrame的大小?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述


可能重复:

根据内容调整iframe大小

我' m加载iFrame并希望父级根据iFrame内容的高度自动更改高度。

I'm loading an iFrame and want the parent to automatically change the height based upon the height of the iFrame's content.

简单来说,所有页面都属于同一个域,所以我不应该遇到跨站点脚本问题。

To simply things, all pages belong to the same domain, so I shouldn't run into cross-site scripting issues.

推荐答案

在任何其他元素上,我会使用 DOM对象的scrollHeight 并相应地设置高度。我不知道这是否适用于iframe(因为它们对所有内容都有点怪异)但是它确实值得一试。

On any other element, I would use the scrollHeight of the DOM object and set the height accordingly. I don't know if this would work on an iframe (because they're a bit kooky about everything) but it's certainly worth a try.

编辑:有了一个环顾四周,流行的共识是使用 offsetHeight 设置iframe中的高度:

Having had a look around, the popular consensus is setting the height from within the iframe using the offsetHeight:

function setHeight() {
    parent.document.getElementById('the-iframe-id').style.height = document['body'].offsetHeight + 'px';
}

并附加与iframe-body的一起运行onLoad event。

And attach that to run with the iframe-body's onLoad event.

这篇关于如何自动调整iFrame的大小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆