この記事で分かること
window.close()の基本的な使い方- 指定したウィンドウを閉じる方法
- 自分自身のウィンドウを閉じる条件
window.closeが動作しない理由- ブラウザのセキュリティ仕様と注意点
window.close() は、指定したウィンドウ、または自分自身のウィンドウを閉じるためのメソッドです。
ポップアップウィンドウを閉じる処理などで利用されます。
この記事では、window.close の基本構文・使用例・動作しない理由・注意点を初心者向けにわかりやすく解説します。
window.close とは？
window.close() は、Window オブジェクトに対して使用する「ウィンドウを閉じる」メソッドです。
window.close();
- ウィンドウ名を指定した場合：そのウィンドウを閉じる
- 省略した場合：自分自身のウィンドウを閉じる
ただし、ブラウザのセキュリティ仕様により、
JavaScript で閉じられるのは「JavaScriptで開いたウィンドウ」だけ という点に注意が必要です。
使用例
例：新しく開いたウィンドウを閉じる
const newWin = window.open("sub.html", "sub");
newWin.close();
→ newWin という名前で開いたウィンドウを閉じます。
例：自分自身のウィンドウを閉じる
window.close();
→ 現在のウィンドウを閉じます（ただし、JavaScriptで開いたウィンドウに限る）。
window.close が動作しない場合
以下のような場合、window.close() は動作しません。
- ユーザーが直接開いたタブ・ウィンドウを閉じようとした場合
- ブラウザの設定でスクリプトによるウィンドウ操作が制限されている場合
これはブラウザのセキュリティ仕様によるもので、
ユーザーの意図しないウィンドウ操作を防ぐための仕組みです。
JavaScript 初心者におすすめの学習書籍
書籍で学ぶのが向いている人
window.closeの仕組みを体系的に理解したいWindow/Document/Eventの関係を基礎から学びたい- ネット記事だけだと理解が断片的に感じる
window.close はブラウザのセキュリティ仕様・Window オブジェクトの仕組みを理解すると一気に分かりやすくなります。
書籍ではこれらの基礎を順序立てて学べるため、ウィンドウ操作の背景にある考え方を深く理解できます。
いちばんやさしい JavaScript の教本
Window / Document / Event の基礎を図解で理解できる入門書です。
window.close の前提となる「ブラウザの仕組み」を丁寧に学べます。
この本で解決できること：
Windowオブジェクトの基礎がしっかり理解できる- ブラウザでの JavaScript の動きが直感的に分かる
- 実際に動くサンプルで理解が深まる
確かな力が身につく JavaScript「超」入門
Window オブジェクト・イベント処理・ブラウザAPIなど、
window.close の理解に必要な基礎を深く学びたい方に最適な入門書です。
この本で解決できること：
- ブラウザ操作の基礎を体系的に学べる
- ウィンドウ操作の背景にある仕組みが理解できる
- 現代的な JavaScript の書き方が身につく
動画で理解を深めたい方へ（Udemy講座）
window.close は「ブラウザがどのようにウィンドウを管理しているか」を理解すると一気に腑に落ちます。
動画で実際の挙動を見ながら学ぶことで、Window オブジェクトやブラウザAPIの仕組みが直感的に理解できます。
初心者のためのJavaScript 完全入門
Window / Document / Event の基礎を体系的に学べる人気講座です。
window.close の前提となる「ブラウザの構造」や「JavaScript の実行環境」をしっかり理解できます。
この講座で解決できること：
Windowオブジェクトの役割が視覚的に理解できる- ウィンドウ操作の基本が自然に身につく
- 初心者がつまずきやすいポイントを丁寧に解説
→ 初心者のためのJavaScript 完全入門（Udemy）
超JavaScript 完全ガイド 2026
ウィンドウ操作・ブラウザAPI・イベント処理など、
window.close を実務で使いこなしたい方に最適な講座です。
この講座で解決できること：
Windowオブジェクトの実践的な使い方が身につく- ブラウザAPIの理解が深まる
- 現代的な JavaScript の書き方をまとめて習得
体系的に学びたい方へ（スクールという選択肢）
独学の限界を感じやすいポイント
Window/Document/Eventの関係が曖昧なままになるwindow.closeが動作しない理由が理解しにくい- ブラウザのセキュリティ仕様で混乱しやすい
- コードレビューを受ける機会がない
スクールでは、プロの講師が学習ロードマップを作成し、
ウィンドウ操作やブラウザAPIのような実務的なテーマも丁寧にサポートしてくれます。
無料相談で得られるメリット
- あなたのレベルに合わせた学習計画を作成
WindowオブジェクトやブラウザAPIの理解を深めるアドバイスがもらえる- 効率的な学習方法をプロが提案
- エンジニア転職を視野に入れたキャリア相談も可能
JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。
window.close に関するよくある質問（FAQ）
window.close が動作しないのはなぜ？
ユーザーが直接開いたタブは、セキュリティ上の理由で JavaScript から閉じることができません。
自分自身のウィンドウを閉じるにはどうすればいい？
window.open で開いたウィンドウであれば、window.close() で閉じられます。
特定のウィンドウだけ閉じることはできますか？
ウィンドウ名を指定して開いた場合、変数に保持しておけば win.close() で閉じられます。
window.close を使うときの注意点は？
ブラウザの設定やセキュリティ仕様により、意図した通りに動作しない場合があります。
まとめ
window.close()はウィンドウを閉じるメソッド- ウィンドウ名を指定すればそのウィンドウを閉じられる
- 省略すると自分自身のウィンドウを閉じる
- JavaScriptで開いたウィンドウしか閉じられない点に注意
