イベントを使用してポップアップ メッセージを解釈しますか?

ポップアップ ボックスを使用して、アプリケーション ユーザーにポップアップ メッセージを表示できます。このチュートリアルでは、さまざまな種類の JavaScript ポップアップについて学習します。

次の JavaScript は、3 つの異なるタイプのポップアップ ボックスを提供します。

• アラートボックス

• 確認ボックス

• プロンプトボックス

以下では、すべてのポップアップ ボックスについて 1 つずつ説明します。

アラートボックス

window.alert() メソッドを使用してアラート ボックスを表示できます。ポップアップ ボックスにメッセージが表示されるだけです。

ユーザーにメッセージを提供する必要がある場合は、アラート ボックスを使用できます。たとえば、ユーザーがアプリケーションにログインすると、「ログインに成功しました」のようなメッセージが表示されます。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って JavaScript でアラート ボックスを表示できます。

リーリー

パラメータ

• メッセージ

  - これは、警告ボックスに表示されるメッセージです。

  ＃＃＃例＃＃＃
この例では、ユーザーがボタンをクリックすると、showAlert() 関数が呼び出されます。 showAlert() 関数は、alert() メソッドを使用してアラート ボックスを表示します。

出力では、ボタンを押すと、パラメーターとして渡されたメッセージを含むアラート ボックスが表示されることがわかります。警告ボックスの「OK」ボタンを押すと警告ボックスが消えます。

リーリー

確認ボックス

ユーザーの確認が必要な場合は、確認ボックスを使用できます。たとえば、重要なデータを削除する前にユーザーの確認を得る必要があります。

window.confirm() メソッドを使用して確認ボックスを表示できます。確認ボックスには、「OK」と「キャンセル」というテキストが表示された 2 つのボタンがあります。ユーザーがキャンセルボタンを押した場合は false を返し、それ以外の場合は true を返します。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って JavaScript で確認ボックスを表示できます。

リーリー

パラメータ

メッセージ

- これは確認ボックスに表示される確認メッセージです。

• 戻り値 ユーザーが「OK」ボタンを押したか「キャンセル」ボタンを押したかに基づいて、true と false のブール値を返します。

  ＃＃＃例＃＃＃
この例では、ウィンドウ オブジェクトのconfirm() メソッドを使用して確認ボックスを表示します。さらに、確認ボックスの「OK」ボタンを押すか「キャンセル」ボタンを押すかに応じて、ユーザーに異なるメッセージを画面に表示します。

リーリー

プロンプトボックス

プロンプト ボックスは、JavaScript でポップアップ メッセージを表示する 3 番目の方法です。プロンプト ボックスは、alert() および確認ボックスの高度なバージョンです。ボックスにメッセージを表示し、ユーザーからの入力を受け入れます。さらに、入力値を送信するための [OK] ボタンと [キャンセル] ボタンも含まれています。

＃＃＃文法＃＃＃

ユーザーはプロンプト ボックスを使用して、次の構文に従って JavaScript でユーザー入力を取得できます。

リーリー

上記の構文では静的プロンプト() メソッドを呼び出しました。

パラメータ

メッセージ

- これは、入力ボックスの上に表示されるメッセージです。

プレースホルダー

- これは入力ボックスに表示されるテキストです。

• 戻り値

ユーザーが [OK] ボタンを押した場合は入力値を返し、それ以外の場合は空です。
• ＃＃＃例＃＃＃

  この例では、ユーザーにツールヒントを表示する takeInput() 関数を作成しました。プロンプト ボックスを使用して、ユーザーが入力した名前を取得します。 ユーザーが入力値を入力した後に [OK] ボタンを押すと、ユーザーの入力が画面に表示されます。

  リーリー
このチュートリアルでは、3 つの異なるポップアップすべてを例とともに見てきました。メッセージを表示するだけの場合はアラート ボックスを使用でき、ユーザーの確認のみが必要な場合は確認ボックスを使用する必要があります。ポップアップ ボックスに値を入力するか、値を確認する必要がある場合は、プロンプト ボックスを使用する必要があります。

以上がイベントを使用してポップアップ メッセージを解釈しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。