【JavaScript】親画面から子画面を閉じる方法

親画面から小画面を呼び出した後、親画面のイベントで子画面を閉じる方法について知らなかったので実装してみました。

利用したのはonunloadイベントです。

window.onunload
発生タイミング	ページが閉じられる時
発生タイミング	画面が更新した時

サンプルは下記の通りです。

<html>

<head>

// アンロード時にサブ画面を閉じる

window.onunload = function() {

CloseWindow();

}

var subWindow;

// OPEN

function OpenWindow() {

subWindow = window.open("http://google.com", 'test', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');

window.focus();

subWindow.focus();

}

// CLOSE

function CloseWindow() {

if (typeof subWindow != "undefined") {

subWindow.close();

}

</script>

</head>

<body>

</body>

</html>

意外と便利_(:3｣∠)_