javascript - 从 document.ready ie8 设置 iFrame 高度

Question

在 jQueryUI 对话框中，我有一个 iFrame，它为我提供了文件上传功能。这个上传 iframe 应该是对话框高度的 50%(使用 $(window).height())。

在对话框文件的 $(document).ready(function(){ ... }); 中，我正在设置 iFrame 的高度。然后在 iframe 中使用相同的结构来设置其中 div 的高度以正确覆盖对话框的 50% 高度(iframe 的 100% 高度)。在 iframe 中，我使用 $(window).height() 来设置高度。

这适用于所有浏览器，包括 IE9，但不适用于 IE8。

问题似乎是在加载对话框时呈现 iframe 内容。 iframe 获取的高度是实际 iframe 内容需要的高度，在我的例子中是 150px。

我已经尝试了很多事情来完成我想要的:

1. 将代码放在对话框中的 $(document).ready() 之外
2. 将调整 iframe 大小的代码放在对话框源代码的末尾
3. 在 iframe 中使用 $(parent.document).ready()
4. 一些非 jQuery 符号/语法试图影响高度。

不幸的是，他们都没有做到这一点。关于如何告诉 IE8 父窗口/对话框窗口 50% 高度的任何建议？

Answer 1

不确定这是否符合您的需求，但应该可以:

HTML

<iframe id="myiframe" onload="parent.resizeIframe(this.id)" src="..." frameborder="0" allowtransparency="true"></iframe>

js

function resizeIframe(iframeId)
{               
    $('#'+iframeId)
        .width(parseInt($(window).width(),10))
        .height(parseInt($(window).height()/2,10));
}