iframe と親ページのロード、アンロードのタイミングを調べる。

このページがロード(window.onload)されたとき、またはアンロード(window.onunload)されたときには、アラートが出 た後、下にそのステータスを表示します。さらに、インラインフレームの window がロード(ifr.onload)されたとき、またはアンロード(ifr.onunload)されたときも、アラートを行い、フレームの上にそのステータ スを表示します。これらにより、親ページとインラインフレームのロード、アンロードの順序を捉えることができます。

parent.loaded

ページを開く時の順序

最初にこのページを開いたときには、次の順序でアラートが出たのではないでしょうか。

  1. ifr.unloaded
  2. ifr.loaded
  3. parent.loaded

ページを閉じる時の順序

このページを閉じるときには、次の順序でアラートが出るはずです。

  1. parent.unloaded
  2. ifr.unloaded

iframe 内 form の submit 時

iframe 内 form の submit 時のロード、アンロードは親ページに影響があるのでしょうか。下のインラインフレーム"ifr"内のフォーム"form1"の action 属性は、"ifr2.html"に指定しています。この指定で、submit するとどうなるでしょう。「submit1」ボタンを押してみて下さい。

ifr.loaded

「ifr.unloaded」とのアラートが出たはずです。アラートの「OK」ボタンを押すと一瞬フレーム内が空白になった 後、"ifr2.html"が表示されます。しかし、「ifr.loaded」とのアラートは出ません。次に、「submit2」ボタンを押しても、何の アラートも出てきません。そして、ページを閉じても「parent.unloaded」のアラートが出るだけで、「ifr.unloaded」は出てきま せん。どうやら、すでに ifr は unload となっているようです。

このページは、実験です。なぜこうなるかにについては、後々考えようと思います。


netarrows