logo

JavaScript アラート()

アラート() 仮想アラート ボックスを表示するには、JavaScript のメソッドが使用されます。主にユーザーに警告メッセージを与えるために使用されます。指定されたメッセージ (オプション) と [OK] ボタンで構成される警告ダイアログ ボックスが表示されます。ダイアログボックスが表示されたら、「OK」をクリックして続行する必要があります。

警告ダイアログ ボックスがフォーカスを取得し、ユーザーは指定されたメッセージを読むように強制されます。したがって、ボックスが閉じられるまでユーザーが Web ページの他の部分にアクセスできなくなるため、このメソッドを多用しないようにする必要があります。

例を使用すると、アラート メソッドの有用性が理解できます。身分証明書のフォームに記入する必要があるとします。身分証明書の資格基準として生年月日を尋ねます。年齢が 18 歳以上の場合、プロセスは続行されます。それ以外の場合は、年齢が 18 歳未満であるという警告メッセージが表示されます。この警告メッセージは「アラート ボックス」です。

別の例として、テキストを入力するためにいくつかの必須フィールドが必要なフォームにユーザーが入力する必要があるが、ユーザーが入力を忘れたとします。検証の一環として、アラート ダイアログ ボックスを使用して、テキストフィールドの入力に関連する警告メッセージを表示できます。

アラート ダイアログ ボックスは、警告やエラーを表示するのではなく、「」などの通常のメッセージに使用できます。 おかえりなさい」、「こんにちはXYZ」 、など。

構文

 alert(message) 

価値観

メッセージ: これは、アラート ボックスに表示するテキストを指定するオプションの文字列です。ユーザーに表示したい情報で構成されます。

いくつかの例を見てみましょう JavaScript アラート()メソッド。

例1

この例には、メッセージと [OK] ボタンを備えた単純な警告ダイアログ ボックスがあります。ここに、 HTMLボタン アラートボックスを表示するために使用されます。私たちが使用しているのは、 クリック時 属性を指定して呼び出します 楽しい() 関数 アラート() と定義されています。

 function fun() { alert (&apos;This is an alert dialog box&apos;); } <p> Click the following button to see the effect </p> 
今すぐテストしてください

出力

ボタンをクリックすると、出力は次のようになります -

JavaScript アラート()

例2

この例では、メッセージと [OK] ボタンを含む警告ダイアログ ボックスが表示されます。ここでは、アラート ボックスのメッセージ内で改行を使用しています。改行は次を使用して定義されます。 ' ' 。改行により、メッセージが読みやすく明確になります。効果を確認するには、指定されたボタンをクリックする必要があります。

 function fun() { alert (&apos; Hello World 
 Welcome to the javaTpoint.com 
 This is an alert dialog box &apos;); } <p> Click the following button to see the effect </p> 
今すぐテストしてください

出力

ボタンをクリックすると、出力は次のようになります -

JavaScript アラート()

この例では、メッセージと [OK] ボタンを含む警告ダイアログ ボックスが表示されます。ここで、アラート ボックスには、対応するページの URL が表示されます。 URL は次を使用して定義されます。 アラート(場所.ホスト名); 声明。

 function fun() { alert(location.hostname); } <p> Click the following button to see the effect </p> 
今すぐテストしてください