ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLで現在のウィンドウを閉じるにはどうすればよいですか?

HTMLで現在のウィンドウを閉じるにはどうすればよいですか?

PHPz
リリース: 2023-04-23 16:08:02
オリジナル
1598 人が閲覧しました

Web 開発では、現在のウィンドウを閉じるのは一般的な操作です。フォームを送信した後でも、一連のプロセスを完了した後でも、現在のウィンドウを閉じると、ユーザー エクスペリエンスが向上します。では、HTML はどのようにして現在のウィンドウを閉じるのでしょうか?

HTML では、JavaScript の window.close() メソッドを使用して現在のウィンドウを閉じることができます。この方法は最新のブラウザで機能し、追加のプラグインや拡張機能は必要ありません。

window.close() メソッドを使用するには、現在のウィンドウを閉じる必要があるコード行を追加するだけです。たとえば、フォームを送信した後、次のコードを使用して、フォーム データの処理後にウィンドウを閉じることができます。

window.close();
ログイン後にコピー

このメソッドはシンプルで便利ですが、ユーザーの承認が必要です。そうしないと、ユーザーの承認がインターセプトされます。ブラウザ。さらに、この方法を他の Web サイトで使用する場合は、ブラウザのセキュリティ制限に注意する必要があります。セキュリティ上の理由から、最近のブラウザでは通常、スクリプトによって開かれたものではないウィンドウを閉じることができません。これは、ウィンドウ内で新しいウィンドウを開いて、window.close() メソッドを使用して元のウィンドウを閉じようとしても機能しないことを意味します。

現在のウィンドウ以外の JavaScript によって開かれたウィンドウを閉じる必要がある場合は、必要に応じて window.open() メソッドにデフォルト名を追加するとよいでしょう。例:

var myWindow = window.open("http://www.example.com", "exampleWindow");
// ...
myWindow.close();
ログイン後にコピー

この例では、window.open() メソッドは「exampleWindow」という名前のウィンドウを開きます。後続のコードで myWindow# を使用できます ## 変数それを参照してください。最後の myWindow.close() メソッドはウィンドウを閉じます。

どの方法を使用する場合でも、ウィンドウを閉じるタイミングを忘れずに確認し、ウィンドウを閉じる前に必要な操作とデータ送信をすべて完了してください。

概要

現在のウィンドウを閉じることは、Web 開発において非常に一般的な操作の 1 つです。 HTML では、これは JavaScript の

window.close() メソッドを使用して簡単に実現できます。ただし、このメソッドは JavaScript で開いたウィンドウで使用する必要があるなど、いくつかのセキュリティ制限があることに注意する必要があります。さらに、ウィンドウを閉じる前に、必要な操作とデータの送信をすべて完了する必要があります。

以上がHTMLで現在のウィンドウを閉じるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート