サブウィンドウが閉じられたら親ウィンドウも閉じる


動作ブラウザ 【 IE:3.0  NN:3.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows - × - × -
Macintosh - × - -
UNIX - - - - - × - - -
Dreamcast - - - - - - - - - - × × -

ポイント <body onUnload="window.opener.close()">
説  明 サブウィンドウが閉じられたら親ウィンドウも閉じるようにするにはサブウィンドウ側でonUnloadイベントが発生したら「window.opener.close()」により親ウィンドウを閉じるようにします。ただ、この方法では親ウィンドウが閉じる場合にセキュリティの都合上注意を促すダイアログが表示されます。
●セキュリティアラートを出すブラウザ
 Windows + Internet Explorer 4.x
 Windows + Internet Explorer 5.x
 Windows + Internet Explorer 6.x
 Windows + Netscape 4.x
 Macintosh + Netscape 4.x

●セキュリティアラートを出さないブラウザ
 Windows + Netscape 6.x
 Macintosh + Internet Explorer 4.x
 Macintosh + Internet Explorer 5.x
 Macintosh + Netscape 6.x
 Macintosh + iCab 2.x
 Macintosh + Opera 5
サンプル <html> <head> <title>サブウィンドウが閉じられたら親ウィンドウも閉じる</title> <script Language="JavaScript"><!-- subWin = window.open("sub.html","sub","width=320,height=240"); // --></script> </head> <body> サブウィンドウが閉じられたら親ウィンドウも閉じる </body> </html>
補足説明 サブウィンドウ側のスクリプトは以下の通りです。 <html> <head> <title>サブウィンドウが閉じられたら親ウィンドウも閉じる</title> </head> <body onUnload="window.opener.close()"> このウィンドウを閉じるかページを移動すると親ウィンドウも閉じます。 </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA