javascript - 別の Web ページに移動した後も iframe のサイズは変わらない

Question

phonegap を使用して iPhone アプリを作成していますが、html/javascript に問題があります。サードパーティの Web サイトを表示するために、index.html に iFrame があります。私の問題は、ユーザーがその Web サイトのスタート ページのリンクをクリックして別の Web ページに移動したときに、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>