javascript - 转到另一个网页后 iframe 大小保持不变

Question

我正在使用 phonegap 制作 iPhone 应用程序，但遇到了 html/javascript 问题。我的 index.html 中有一个 iFrame 来显示第三方网站。我的问题是当用户单击该网站起始页中的链接并转到另一个网页时，iFrame 大小与具有起始页时的大小保持相同。因此，如果新页面比起始页面短，那么下面会有一个空白区域。有没有什么办法解决这一问题？谢谢！

Answer 1

您可以使用该iframe 的onload 事件。每次在 iframe 中完全加载页面时都会触发它。你可以试试这个简单的例子。它会在每次重新加载时发出警报。只需单击 iframe 内的链接即可查看警报框。

<script type="text/javascript">
function load()
{
    alert("Iframe is loaded");
}
</script>
</head>

<iframe onload="load()" src="whatever">
<p>Your browser does not support iframes.</p>
</iframe>