JavaScript は現在のウィンドウを閉じます。

WBOY
リリース: 2023-05-12 10:21:07
オリジナル
1288 人が閲覧しました

JavaScript は、Web 開発で広く使用されている人気のあるプログラミング言語です。ユーザーがタスクを完了するとき、または Web ページを開いたときに、現在のウィンドウを閉じたい場合があります。 JavaScript では、現在のウィンドウを閉じるには window.close() メソッドを使用する必要があります。ただし、ウィンドウを閉じる前に、ユーザーにプロンプ​​ト ウィンドウを表示することが必要な場合があります。

プロンプト ウィンドウは、alert()、confirm()、または prompt() 関数を使用して作成できます。 alert() 関数は単純なメッセージ ボックスを表示し、confirm() 関数は「OK」と「キャンセル」ボタンのあるメッセージ ボックスを表示します。そして、prompt() 関数は入力ボックスと「OK」と「」のあるメッセージ ボックスを表示します。キャンセル」ボタン。 JavaScript では、これらの関数を window.close() メソッドとともに使用して、ウィンドウを閉じるためのわかりやすいプロンプトを作成できます。

次のサンプル コードは、alert() 関数を使用して、現在のウィンドウを閉じるかどうかをユーザーに確認する方法を示しています。

window.onbeforeunload = function() {
   return "您确定要关闭当前窗口吗?";
};
ログイン後にコピー

このコードでは、window.onbeforeunload を使用します。コールバック関数を登録するイベント。この関数は、ユーザーが現在のウィンドウを閉じようとすると呼び出されます。コールバック関数は、ユーザーにウィンドウを閉じるための確認を求める文字列を返します。 「閉じる」ボタンをクリックするとウィンドウが閉じます。

次は、confirm() 関数を使用して確認メッセージ ボックスを表示する方法を示すサンプル コードです:

window.onbeforeunload = function() {
   return confirm("您确定要关闭当前窗口吗?");
};
ログイン後にコピー

このコードでは、confirm() 関数を使用して確認を表示します。 「OK」ボタンと「キャンセル」ボタンのあるメッセージ ボックス。ユーザーが「OK」ボタンをクリックすると、コールバック関数が true を返し、ウィンドウが閉じます。ユーザーが「キャンセル」ボタンをクリックすると、コールバック関数は false を返し、ウィンドウは閉じられません。

最後に、prompt() 関数を使用して、ユーザーに情報の入力を求める方法を示すサンプル コードを示します。

window.onbeforeunload = function() {
   var name = prompt("请输入您的名字:");
   if (name != null) {
      return "再见," + name + "!";
   } else {
      return null;
   }
};
ログイン後にコピー

このコードでは、prompt() 関数を使用して、次の情報を表示します。入力ボックスと「OK」ボタンと「キャンセル」ボタンを備えたメッセージボックスを備えたメッセージ。ユーザーが「OK」ボタンをクリックすると、コールバック関数はユーザーの名前を含む別れのメッセージを返します。ユーザーが「キャンセル」ボタンをクリックすると、コールバック関数は null を返し、ウィンドウは閉じられません。

これらすべての例では、window.onbeforeunload イベントを使用してコールバック関数を登録します。このイベントは、ウィンドウが閉じようとしているときにトリガーされ、ウィンドウを閉じる前に特定の操作を実行するために使用できます。

要約すると、JavaScript には、現在のウィンドウを閉じ、ユーザーに確認を求めるための複数のメソッドが用意されています。アラート()、確認()、またはプロンプト()関数を使用して、プロンプト メッセージをよりフレンドリーで理解しやすくします。 window.onbeforeunload イベントを使用すると、一時データのクリーンアップやユーザー入力の保存など、ウィンドウを閉じる前に特定の操作を実行できます。

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

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