寝太郎の江戸風呂。ね！

[PR]

2024/11/23 (Sat.)

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

「Google Spreadsheets のフォーム機能を利用して掲示板を作成する。」の記事では、インラインフレームを用いて、Google Spreadsheets へデータを入力するフォームを表示しています。

このようにインラインフレームを使ったページが、最近多いようです。インラインフレームまわりの操作を JavaScript で制御しようとするならば、その動き方について知っておいたほうがよいでしょう。今回は、ロード(load)とアンロード(unload)のタイミングを確かめるページを作成したので紹介します。

結論としては、次のとおりです。
[1] ページを開くとき
1) ifrmae のウインドウが unload
2) ifrmae のウインドウが　load
3) 親ページのウインドウが load
[2] ページを閉じるとき
1) 親ページのウインドウが　unload
2) iframe のウインドウが　unload
[3] iframe 内の form を submit したとき
iframe のウインドウが　unload
レスポンスが返ってきても、iframe のウインドウは load とはならない。

上記のことは、「iframe と親ページのロード、アンロードのタイミングを調べる。」ページで確かめることができます。

2010/09/17 (Fri.) Trackback() Comment(0) JavaScript