現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

ダイアログ

【JavaScript入門】alertの使い方|基本動作・改行方法・onclickとの組み合わせを初心者向けに解説

投稿日:2019年4月21日 更新日:

JavaScriptのalertとは?使い方・特徴・改行方法を初心者向けにわかりやすく解説

alert() は、JavaScript で最も基本的なダイアログ表示メソッドです。
メッセージをポップアップ表示し、ユーザーに注意を促したり、確認を求めたりする際に利用されます。



alertとは?

alert() は、[OK] ボタンだけを持つ警告ダイアログを表示するメソッドです。

alert(“メッセージ”);

特徴:

  • ユーザーが OK を押すまで次の処理へ進まない(ブロッキング)
  • ダイアログが表示されている間、ブラウザ操作はできない
  • ウィンドウ名を指定すれば、そのウィンドウにダイアログを表示できる

基本的な使用例

alert(“未入力の項目があります”);

→ 「未入力の項目があります」という警告ダイアログが表示されます。

リンククリック時に alert を表示する例

<a href=”http://books.ank.co.jp/” onclick=”alert(‘書籍サイトに移動します。’)”>書籍サイトへ</a>

→ リンクをクリックすると「書籍サイトに移動します。」と表示されます。



alert の改行方法

alert ダイアログ内で改行したい場合は、\n(バックスラッシュ + n) を使います。

“1行目の文字列\n2行目の文字列\n3行目”

複数の文字列を連結しても OK です。

“1行目\n” + “2行目と\n” + “3行目”

→ ダイアログ内で3行に分かれて表示されます。



まとめ

  • alert() は OK ボタンだけの警告ダイアログを表示する
  • ユーザーが閉じるまで次の処理へ進まない(ブロッキング)
  • リンクやボタンの onclick と組み合わせて使える
  • 改行は \n を使う

関連リンク

-ダイアログ
-

執筆者:

関連記事

【JavaScript入門】confirmの使い方|OK・キャンセルの戻り値と実例を初心者向けに解説

JavaScriptのconfirmとは?使い方・戻り値・実例を初心者向けにわかりやすく解説 confirm() は、ユーザーに「OK」または「キャンセル」の選択を求める確認ダイアログを表示するメソッ …

【JavaScript】prompt()の使い方を初心者向けに解説|入力ダイアログの基本と実用例

JavaScriptのprompt()の使い方をわかりやすく解説【コピペOKのサンプル付き】 JavaScriptの prompt() は、文字入力欄とOK/キャンセルボタンを持つ標準ダイアログを表示 …