JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのalertダイアログに改行を入れる方法をわかりやすく解説

JavaScriptのalertで改行を表示するには

JavaScriptのalertダイアログ内で改行を行うには、エスケープシーケンス「\r\n」を使用します。alert()メソッドはHTMLタグを解釈しないため、<br>タグなどはそのまま文字として表示されてしまいます。そのため、改行コードを直接文字列に含める必要があります。

サンプルコード

<html>
   <body>
      <script>
         function DisplayAlert() {
            var newLine = "\r\n";
            var msg = "改行の追加方法を表示しています。";
            msg += newLine;
            msg += "JavaScriptでは改行を簡単に挿入できます。";
            msg += newLine;
            msg += "シンプルに学べます";
            msg += newLine;
            msg += "TutorialsPoint.com";
            alert(msg);
         }
      </script>
      <input type = "button" value = "クリック" onclick = "DisplayAlert()" />
   </body>
</html>

コードの解説

このサンプルでは、まず変数「newLine」に改行コード「\r\n」を代入しています。次に、表示したい各メッセージの間にこの変数を連結（+=）することで、複数行のテキストを作成しています。

ページ上のボタンをクリックすると、onclickイベントによってDisplayAlert関数が実行され、各行が改行された状態でアラートダイアログが表示されます。

補足ポイント

多くのブラウザでは「\n」だけでも改行として機能しますが、「\r\n」としておくとWindows環境でも確実に動作するため、互換性の面でおすすめです。また、同様の手法はconfirm()やprompt()などのダイアログでも利用できます。

  1. WindowsでJavaScriptを有効にする方法をわかりやすく解説

    Windows環境でWebサイトが正しく表示されない、ボタンが反応しないといったトラブルの原因の一つが、JavaScriptが無効になっていることです。WindowsでJavaScriptを有効にするには、Internet Explorer（インターネットエクスプローラー）の設定を変更する必要があります。ここでは、Internet Explorer 11での具体的な手順を順番に解説します。手順1：右上の歯車アイコンをクリックまず、Internet Explorer 11を起動し、画面右上にある歯車型のアイコン（ツール）をクリックしてください。手順2：「セキュリティ」タブから「レベルのカスタマイ

  2. JavaScriptのアラートボックス（alert）のタイトルは変更できる？カスタムモーダルで実現する方法

    結論から言うと、セキュリティ上の制約により、JavaScriptの標準的なalert()メソッドで表示されるアラートボックスのタイトルを編集することはできません。なぜタイトルが変更できないのかブラウザ標準のアラートボックスは、悪意あるサイトがOSやブラウザ自体のダイアログに偽装してユーザーを騙すことを防ぐため、ブラウザ側で厳しく管理されています。そのため、タイトル部分には自動的にドメイン名や「このページから」といった情報が表示され、開発者が自由に書き換えることはできない仕組みになっています。解決策：カスタムモーダルダイアログを使うすべてのWebブラウザで一貫した見た目のアラートボックスを実現し