window.close()は、ウィンドウを閉じるメソッド。
構文
<script type="text/javascript">
window.close();
</script>
window.close();
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
close();
</script>
close();
</script>
戻り値
なし。
サンプル
サンプルの動作について
- 「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開く。
- 「開いたウィンドウを閉じる」ボタンをクリックすると、開いたウィンドウを閉じる。
- 開いたウィンドウ内にある「このウィンドウを閉じる」ボタンをクリックしても、開いたウィンドウを閉じることができる。
サンプルのソースコード
JavaScript
<script type="text/javascript">
var $sampleWindow;
function openSampleWindow() {
$sampleWindow = window.open( 'http://alphasis.info/wp-content/uploads/2013/07/javascript-windowObject-open-url.html' );
}
function closeSampleWindow() {
$sampleWindow.close();
}
</script>
var $sampleWindow;
function openSampleWindow() {
$sampleWindow = window.open( 'http://alphasis.info/wp-content/uploads/2013/07/javascript-windowObject-open-url.html' );
}
function closeSampleWindow() {
$sampleWindow.close();
}
</script>
HTML
<div class="sample">
<button onclick="openSampleWindow()">新たにウィンドウを開く</button>
<button onclick="closeSampleWindow()">開いたウィンドウを閉じる</button>
</div>
<button onclick="openSampleWindow()">新たにウィンドウを開く</button>
<button onclick="closeSampleWindow()">開いたウィンドウを閉じる</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>
新たに開いたウィンドウのHTML
<!DOCTYPE html>
<html lang="ja">
<head>
<title>サンプルウィンドウ</title>
</head>
<body>
<h1>サンプルウィンドウ</h1>
<p><button onclick="window.close()">このウィンドウを閉じる</button></p>
<p><a href="http://alphasis.info/" target="_blank">アルファシス</a></p>
</body>
</html>
<html lang="ja">
<head>
<title>サンプルウィンドウ</title>
</head>
<body>
<h1>サンプルウィンドウ</h1>
<p><button onclick="window.close()">このウィンドウを閉じる</button></p>
<p><a href="http://alphasis.info/" target="_blank">アルファシス</a></p>
</body>
</html>