JavaScript を使用してウィンドウを閉じるいくつかの方法について話しましょう

JavaScript は Web 開発で広く使用されているプログラミング言語で、さまざまなインタラクティブな効果や実用的な機能を実現できます。基本的な機能の 1 つはウィンドウを閉じることです。これにより、ユーザーは現在のページまたはアプリケーションを簡単に終了できます。この記事では、JavaScriptを使用してウィンドウを閉じる方法をいくつか紹介します。

1. window.close() の使用

最も簡単な方法は、window.close() 関数を使用することです。この関数にはパラメータは必要ありません。実行して現在のウィンドウを閉じるだけです。たとえば、次のコードはボタンがクリックされたときに現在のウィンドウを閉じることができます:

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

このメソッドは JavaScript によって作成されたウィンドウのみを閉じることができ、ブラウザのメイン ウィンドウやブラウザによって開かれたウィンドウは閉じることができないことに注意してください。ユーザーの新しいウィンドウ。さらに、現在のウィンドウが別の Web サイトによって開かれている場合、window.close() を使用してウィンドウを閉じると、ウィンドウを閉じることを許可するかどうかをユーザーに尋ねる警告ボックスがブラウザーにポップアップ表示されることがあります。

2. window.opener.close() を使用する

現在のウィンドウを閉じるもう 1 つの方法は、window.opener.close() 関数を使用することです。この関数は現在のウィンドウの親ウィンドウで実行でき、それによって現在のウィンドウを閉じることができます。たとえば、次のコードは、ボタンがクリックされたときに現在のウィンドウの親ウィンドウを閉じることができます:

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

window.opener.close() を使用してウィンドウを閉じる場合、親ウィンドウが閉じられることに注意してください。 JavaScript で開く必要があります。親ウィンドウがユーザーによって手動で開かれた場合、このメソッドを使用してウィンドウを閉じても効果はありません。

3. window.parent.close() を使用する

window.opener.close() と同様に、window.parent.close() 関数は現在のウィンドウの親ウィンドウ。ウィンドウ上で実行され、現在のウィンドウが閉じられます。違いは、window.parent.close() は、JavaScript によって作成されたか、ユーザーによって開かれたかに関係なく、任意の親ウィンドウを閉じることができることです。たとえば、次のコードは、ボタンがクリックされたときにすべての親ウィンドウを閉じることができます:

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

window.parent.close() を使用してウィンドウを閉じると、ポップアップ ウィンドウの警告ボックスが表示されることに注意してください。ユーザーがウィンドウを閉じることを許可するかどうかを尋ねるメッセージが表示されることがあります。さらに、このメソッドはウィンドウのみを閉じることができ、ブラウザ全体を閉じることはできません。

4. window.open() を使用して空白のページを開く

現在のウィンドウを閉じるもう 1 つの方法は、window.open() 関数を使用して空白のページを開くことです。ページを開き、現在のウィンドウを閉じます。たとえば、次のコードでは、ボタンをクリックすると空白のページが開き、現在のウィンドウを閉じることができます。

<button onclick="window.open(&#39;about:blank&#39;,&#39;_self&#39;).close()">关闭窗口</button>

window.open() を使用して空白のページを開く場合、現在のウィンドウで新しいページを正しく開くことができるように、最初のパラメータは「about:blank」、2 番目のパラメータは「_self」である必要があります。さらに、ウィンドウを閉じるときに、ウィンドウを閉じることを許可するかどうかをユーザーに尋ねるポップアップ警告ボックスが表示される場合があります。

概要

JavaScript を使用してウィンドウを閉じることは、ユーザーがページやアプリケーションを簡単に終了できる非常に実用的な機能です。この記事では、window.close()、window.opener.close()、window.parent.close()、および window.open() を使用して空白のページを開くなど、ウィンドウを閉じるいくつかの方法について説明します。これらの方法には一定の制限があり、あらゆる状況でウィンドウを閉じるニーズを満たすことができるわけではないことに注意してください。したがって、実際のアプリケーションでは、特定の状況に応じて適切な方法を選択する必要があります。

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