備忘録的プログラミングリファレンス

alert(), confirm(), print(), prompt(), ダイアログメソッド

window.alert()window.confirm()window.print()window.prompt()

 alert(), confirm(), print(), prompt()は、 ダイアログの表示用のメソッドです。以下はそれぞれの概要です。

alert()
警告ダイアログ
confirm()
メッセージ、OKボタン, キャンセルボタンのあるモーダルダイアログ
print()
印刷ダイアログを開く
prompt()
入力用ダイアログ

windowは省略可能で、window.alert()alert() と記述できます。

 以上のようなダイアログは、<dialog> で作成する方法もあります。

alert()メソッド

window.alert()

 alert()は、警告ダイアログ表示用のメソッドです。ポップアップ表示されます。

 引数に表示のためのメッセージを渡します。改行を入れるには \n を入れます。

alert()メソッド
alert('入力に誤りがないかお確かめください');

詳しくはExampleを参照してください

 デバグ用に使われるケースもありますが、消し忘れることを考えるとデバグには使わないほうが無難です。 デバグには、console.log();を使うようにしましょう。

 ダイアログには他にも、confirm()..メッセージ、OKボタン, キャンセルボタンのあるモーダルダイアログprompt()..入力用ダイアログがあります。

ページ内 Index

Syntax

in JavaScript

 window.alert();とも記述できます。

alert('text');

引数(Parameter Values)

Value摘要
textダイアログで表示するメッセージテキスト。改行には\nを入れる

返り値(Return Values)

 返り値はありません。

Example

confirm() メソッド

window.confirm()

 confirm() は、モーダルダイアログ表示用のメソッドです。
 モーダルダイアログとは確認ダイアログボックスのことで、ユーザーに確認を促すメッセージとOKキャンセルボタンのあるダイアログ表示です。 ポップアップ表示されます。

 引数に表示のためのメッセージを渡します。改行を入れるには \n を入れます。

confirm() メソッド
confirm('error 1\n入力に誤りがないかお確かめください');

詳しくはExampleを参照してください

 ダイアログには他にも、alert()..警告ダイアログprompt()..入力用ダイアログがあります。

ページ内 Index

Syntax

in JavaScript

 window.confirm();とも記述できます。返り値はBoolean型で、OK.. trueキャンセル.. falseになります。

Boolean = confirm( message );

引数(Parameter Values)

Value摘要
messageダイアログで表示するメッセージテキスト。改行には\nを入れる

返り値(Return Values)

Type摘要
BooleanOK.. true、キャンセル.. false

Example

print() メソッド

window.print()

 print()は、 印刷ダイアログを開くメソッドです。

 印刷ダイアログを開いたページが印刷の対象になります。

print() メソッド
print();

詳しくはExampleを参照してください

 もしも印字したくない部分があるようでしたら、以下のようにスタイルシートに指定します。

@media print {
  .no_print {
    display: none;
  }
}

 印字したくないエレメントに .no_print クラスを加えるとそのエレメントは表示されません。

ページ内 Index

Syntax

in JavaScript

 window.print();とも記述できます。

print();

引数(Parameter Values)

 引数はありません。

返り値(Return Values)

 返り値はありません。

Example

 print()メソッドの例です。ここでは印刷したくない部分は以下のCSS内容のようにmedia print{ ... }でスタイルで指定しています。

prompt() メソッド

window.prompt()

 prompt()は、入力を受付けるダイアログの表示用メソッドです。

 OKキャンセルボタンを備えています。返り値は DOMString 型になります。

prompt() メソッド
var re_ = prompt( message, value );

詳しくは Example を参照してください

 キャンセルボタンが付くために返り値がnullである場合があります。パスワードやIDを期待するような場合は扱いに注意が必要です。

ページ内 Index

Syntax

in JavaScript

返り値はDOMString型です。

DOMString = prompt( message, value );

引数(Parameter Values)

Value摘要
messageダイアログに表示されるメッセージテキスト
valueダイアログの入力欄に表示されるテキスト

返り値(Return Values)

Type摘要
DOMStringOKの場合は入力された値。キャンセルの場合はnull

Example