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

JavaScriptのアラートボックスに改行を入れる方法

JavaScriptのアラートボックス（alert()）内で改行を表示したい場合は、エスケープシーケンスの「\n」を使用します。文字列の中に「\n」を挿入するだけで、その位置でテキストが改行されます。

alert("Line One\n Line Two");

サンプルコード

以下のコードを実行すると、JavaScriptのアラートボックス内で改行が実際にどのように表示されるかを確認できます。ボタンをクリックすると、2行に分かれた警告メッセージがアラートとして表示されます。

ライブデモ

<html>
   <head>
      <script>
         <!--
            function Warn() {
               alert ("This is a warning message!\nThis is a new line.");
               document.write ("This is a warning message!");
            }
        //-->
    </script>
   </head>
   <body>
      <p>Click the following button to see the result: </p>
      <form>
         <input type="button" value="Click Me" onclick="Warn();" />
      </form>
   </body>
</html>

ポイント

  • 「\n」は改行を表す特殊文字（エスケープシーケンス）です。
  • 文字列をダブルクォーテーションまたはシングルクォーテーションで囲んだ中に記述します。
  • HTMLの<br>タグはアラートボックス内では機能しないため、「\n」を使う必要があります。
  1. JavaScriptのアラートボックス（alert）のタイトルは変更できる？カスタムモーダルで実現する方法

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

  2. JavaScriptで文字列を改行する方法

    JavaScriptで文字列に改行を挿入するには？ JavaScriptで文字列を改行して表示したい場合は、HTMLの <br> タグを使用します。文字列同士を + 演算子で連結し、その間に <br> を挟むことで、ブラウザ上で改行された状態で表示されます。 サンプルコード 以下は、innerHTML プロパティと <br> タグを組み合わせて、見出し内のテキストを2行に分けて表示するコード例です。 <!DOCTYPE html> <html lang="ja"> <head> <meta