logo

JavaScriptの確認

JavaScript の確認メソッドは、特定のアクションに関する確認ダイアログをユーザーに要求する関数を呼び出します。 confirm() メソッドは、ウィンドウ オブジェクトを使用して、質問と 2 つのオプション ボタンを備えたダイアログを呼び出します。 わかりました そして キャンセル 。ユーザーが [OK] オプションを選択すると、関数の実行が続行されます。 [キャンセル] オプションを選択すると、ブロック コードの実行が中止されます。

戻ります 真実 ユーザーが [OK] オプションを選択した場合。それ以外の場合は返されます 間違い

構文:

intしようとしています
 confirm('Select an Option!'); 

パラメーター:

ユーザーに表示する確認ダイアログに表示するには、文字列形式の「メッセージ」値を受け取ります。

戻り値:

OK が選択された場合、confirm メソッドはブール出力 (true または false) を返します。

OK (true) または Cancel (false) が選択されたかどうかを示すブール値。ブラウザがページ内ダイアログを無視する場合、戻り値は常に false になります。

確認メソッドの使用法

  • JavaScript のconfirm() メソッドは、ユーザーのアクションを確認するための [OK] および [キャンセル] オプションを含む特定のメッセージをダイアログ ウィンドウに表示するために使用されます。
  • 一部の CRUD 操作を処理するには、アクションを直接適用する代わりに確認メッセージを使用する必要があります。
  • 何かを承認または確認するために使用されます。
  • これにより、ブラウザーは強制的にメッセージを読み取って、現在のウィンドウにフォーカスします。
  • 確認ウィンドウが閉じるまで、すべてのアクションが停止します。
  • ユーザーが「OK」を選択すると true を返し、「CANCEL」オプションを選択すると false を返します。

注: JavaScript の確認メソッドを過度に使用しないでください。アクションが選択されるかウィンドウが閉じられるまで、ページの他の部分へのアクセスがブロックされます。

例:

例1: 選択したアクションを印刷する

テスト.html:

ボタンをクリックしてconfirm()を呼び出します。

ここをクリック function myFunction() { var result; var r =confirm('アクションを選択してください!'); if (r == true) { result = 'OK を選択しました!'; } else { result = 'キャンセルを選択しました!'; document.getElementById('conf').innerHTML = 結果; }

出力:

npmクリアキャッシュ

上記の HTML ページには、次のようにテキストとアクション ボタンが表示されます。

JavaScriptの確認

[ここをクリック] ボタンをクリックすると、指定されたメッセージと [OK] および [キャンセル] オプションを含むダイアログ ウィンドウが開きます。

JavaScriptの確認

OK アクションを選択すると、真のブロック コードが実行されます。それ以外の場合は、偽のブロック コードが実行されます。以下の出力を考えてみましょう。

JavaScriptの確認

例 2: 条件付きのconfirmメソッドの使用

テスト.html:

ボタンをクリックしてconfirm()を呼び出します。

ここをクリック function myFunction() { if (window.confirm('本当に削除しますか?')) { document.getElementById('conf').innerHTML = 'ファイルは正常に削除されました' } }

出力:

上記の HTML ページには、次のようにテキストとアクション ボタンが表示されます。

JavaScriptの確認

[ここをクリック] ボタンをクリックすると、指定されたメッセージと [OK] および [キャンセル] オプションを含むダイアログ ウィンドウが開きます。

JavaScriptの確認

OK アクションを選択すると、真のブロック コードが実行されます。それ以外の場合は、偽のブロック コードが実行されます。以下の出力を考えてみましょう。

JavaScriptの確認

上の例から、「OK」を選択すると、指定されたアクションが適用されたことがわかります。 もし 状態。

例3: アクションメッセージを複数行で表示する

アクション メッセージを複数行で表示するには、改行で表示したい行の直前に を記述します。

以下の例を考えてみましょう。

テスト.html:

ボタンをクリックしてconfirm()を呼び出します。

ここをクリック function myFunction() { if (window.confirm('本当に削除しますか? 確認すると削除は元に戻せません!')) { document.getElementById('conf').innerHTML = '正常に完了しましたファイルを削除しました' } }

出力:

Java文字列を文字に変換
JavaScriptの確認

上記の出力から、アクション メッセージが複数行で出力されていることがわかります。