JavaScript の動作 ウィンドウを閉じる

Web 開発において、JavaScript は重要なスクリプト言語です。ユーザーに優れたページ操作エクスペリエンスを提供することに加えて、JS のもう 1 つの重要なアプリケーション シナリオは、ウィンドウを閉じることです。この記事ではJavaScriptを使用してウィンドウを閉じる方法を説明します。

1. window オブジェクト

JavaScript では、ウィンドウは window オブジェクトを通じて作成および操作されます。 window オブジェクトは、ブラウザー ウィンドウまたはフレーム全体を表します。 window.close() メソッドを使用して、現在のウィンドウを閉じることができます。

2. 現在のウィンドウを閉じる

ここでは、JavaScript を使用して現在のウィンドウを閉じる方法を示す簡単な例を示します。

<button onclick="window.close()">关闭窗口</button>

3. 親ウィンドウまたは子ウィンドウを閉じる

Web 開発では、ウィンドウの入れ子、つまり 1 つのウィンドウに別のウィンドウを埋め込むことがよく使用されます。複数のウィンドウがある場合、場合によっては他のウィンドウを閉じる必要があります。一般的な状況をいくつか次に示します。

3.1 親ウィンドウを閉じる

親ウィンドウを閉じるには、親オブジェクトを使用できます。親オブジェクトは、現在のウィンドウを含む親ウィンドウを指します。親ウィンドウを閉じるには、parent.close() メソッドを使用します。

次は例です。

<button onclick="parent.close()">关闭父窗口</button>

3.2 子ウィンドウを閉じる

子ウィンドウを閉じるには、子ウィンドウの参照を使用できます。 window.open() メソッドを通じてサブウィンドウを開き、その参照を変数に保存できます。子ウィンドウを閉じるには、変数 name.close() メソッドを使用します。

これは例です:

var myWindow = window.open("http://www.example.com/");
myWindow.close();

4. 複数のウィンドウを閉じる

複数のウィンドウを同時に閉じる必要がある場合は、ループを使用できます。 。以下に例を示します。

var windows = [window1, window2, window3];
for (var i = 0; i < windows.length; i++) {
    windows[i].close();
}

5. セキュリティ

ウィンドウを閉じるとユーザー エクスペリエンスに直接影響するため、注意して使用する必要があることに注意してください。また、ウィンドウを閉じる操作にはユーザーの承認が必要です。ユーザーの承認がないと、ウィンドウを閉じる操作がブラウザによってブロックされ、正常に操作できない可能性があります。

#結論

この記事では、JavaScript を使用してウィンドウを閉じる方法について説明します。 window.close() メソッドを使用して現在のウィンドウを閉じ、parent.close() メソッドを使用して親ウィンドウを閉じ、子ウィンドウの参照を使用して子ウィンドウを閉じることができます。複数のウィンドウの場合、ループを使用して複数のウィンドウを閉じることができます。 JavaScript を使用してウィンドウを閉じる場合は注意が必要で、ユーザーの承認を得る必要があります。そうしないと、ブラウザーによってブロックされます。

以上がJavaScript の動作 ウィンドウを閉じるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。