logo

JavaScript プロンプト() ダイアログ ボックス

プロンプト() JavaScript のメソッドは、ユーザーに入力を求めるプロンプト ボックスを表示するために使用されます。通常、ページに入る前にユーザーから入力を取得するために使用されます。を使わなくても書ける 接頭辞。プロンプトボックスが表示されたら、「OK」または「キャンセル」をクリックして続行する必要があります。

ランダムな順序のSQL

ボックスは、 プロンプト() このメソッドは 2 つの引数を取ります。最初の引数はテキスト ボックスに表示されるラベルで、2 番目の引数はテキスト ボックスに表示されるデフォルトの文字列です。プロンプト ボックスは 2 つのボタンで構成されます。 わかりました そして キャンセル 。 null またはユーザーが入力した文字列を返します。ユーザーが「OK」をクリックすると、ボックスは入力値を返します。それ以外の場合、「キャンセル」をクリックすると null が返されます。

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

構文

 prompt(message, default) 

価値観

この関数のパラメータ値は次のように定義されます。

メッセージ: これはオプションのパラメータです。ユーザーに表示されるテキストです。プロンプトに何も表示する必要がない場合は、この値を省略できます。

デフォルト: これはオプションのパラメータでもあります。テキストボックスに表示されるデフォルト値を含む文字列です。

いくつかの例を見てみましょう JavaScript プロンプト()メソッド。

例1

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

ubuntuのどのコマンド
 function fun() { prompt (&apos;This is a prompt box&apos;, &apos;Hello world&apos;); } <p> Click the following button to see the effect </p> 
今すぐテストしてください

出力

上記のコードを実行し、 クリックしてください ボタンを押すと、出力は次のようになります -

例2

別の使用例です プロンプト() 方法。

タイプスクリプトの日付
 JavaScript prompt() method function fun() { var a = prompt(&apos;Enter some text&apos;, &apos;the javatpoint.com&apos;); if (a != null) { document.getElementById(&apos;para&apos;).innerHTML = &apos;Welcome to &apos; + a; } } <h2> Example of the JavaScript prompt() method </h2> Click me 
今すぐテストしてください

出力

上記のコードを実行すると、出力は次のようになります -

JavaScript プロンプト() ダイアログ ボックス

をクリックすると、 クリックしてください ボタンを押すと、出力は次のようになります -

文字列.replaceall Java
JavaScript プロンプト() ダイアログ ボックス

をクリックした後、 わかりました ボタンを押すと、出力は次のようになります -

JavaScript プロンプト() ダイアログ ボックス

例3

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

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

出力

上記のコードを実行して [クリックしてください] ボタンをクリックすると、出力は次のようになります -

JavaScript プロンプト() ダイアログ ボックス