close

ウインドウを閉じる

2009.01.09

構文
window.close()

説明

ウインドウを閉じるメソッド。
Netscape Navigator3.0から，セキュリティ対策のため，「close」メソッドの処理が発生したとき，そのウインドウが来歴情報を持っている場合，ウインドウを閉じる前に，本当に閉じていいのかを確認するダイアログ・ボックスが開くようになった。
FirefoxやSafariでは，新しく開いたウインドウだけ「close」メソッドでウインドウを閉じられるようになっている場合がある。

用例

HTMLファイル「index.html」から新しく開いた「close.html」内にあるボタンフォームをクリックすると，「close.html」を表示しているウインドウが閉じる。

【index.html】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>opener_1</title>
<script type="text/javascript">
<!--
function NewWin_1(){
	window.open("close.html",
"NewWin_1","toolbar=no,location=no,directories=no,
Width=400,Height=150");
}
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
*「close」メソッドを設定したウインドウを開く
<p>
<form>
    <input type="button" value="新しいウインドウを開く" 
onClick="NewWin_1()">
</form>
</p>
</body></html>

【close.html】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>close_2</title>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
*ウィンドウを閉じる
<hr>
<form>
    <input type="button" value="このウインドウを閉じる" 
onClick="window.close()">
</form>
</body></html>