PR
構文
 
  window.close()
総合 インデックス
メソッド
FirefoxIE

説明

  • ウインドウを閉じるメソッド。
  • 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>

この用例を実行する

関連項目

---->windowオブジェクト/openメソッド