JavaScriptコードでは、ウィンドウオブジェクトのalert()関数を使用してテキストを表示して、プログラムをデバッグするか、関連情報についてユーザーに警告できます。
コードコピーは次のとおりです。
//ウィンドウオブジェクトのalert()関数を使用します
window.alert( "サンプルテキスト");
この書き込み方法は、Alert()関数を直接使用するように簡素化できます。
コードコピーは次のとおりです。
// simplified alert()使用法
アラート( "サンプルテキスト");
ニューラインでテキストを表示する必要がある場合は、 /nを使用できます。
コードコピーは次のとおりです。
// alert()で /nを使用します
アラート( "1行目/2番目の行");
タブ文字を使用する必要がある場合は、 /tを使用できます。
コードコピーは次のとおりです。
// alert()で /tを使用します
Alert( "Alex/T50/T34/NBOB/T59/T38");
変数の使用
静的文字列の表示に加えて、alert()関数は、他の文字列で変数とスプライス変数値を受け入れることもできます。
コードコピーは次のとおりです。
// alert()で変数を使用します
var word = "life";
alert( "魔法の単語は:" + word + "。パニックにしないでください。");
残念ながら、Alert()関数は変数を受け入れることができますが、この文字列スプライシング操作のみを実行できます。別のデバッグメソッドconsole.log()に反して、alert()関数は、パラメーターを文字列に渡す慣行を受け入れません。次のコードは例です。
コードコピーは次のとおりです。
// alert()でパラメーターを使用してみてください
var name = "bob";
var years = 42;
alert( "%sは%d歳年齢です。"、name、year);
alert()関数が文字列のパスを受け入れると、予想される出力は「ボブは42歳」になります。しかし、実際には、Alert()関数はこれをサポートしていないため、最終出力は「%sは%d歳です」です。
ポップアップウィンドウスタイル
Alert()関数で使用されるポップアップボックスは、Webドキュメントオブジェクトではなくブラウザシステムオブジェクトであるため、alert()関数でHTMLタグを使用してポップアップボックスのスタイルを定義することは不可能です-HTMLタグはそのまま表示されます。次のコードについて:
コードコピーは次のとおりです。
// alert()でHTMLタグを使用してみてください
alert( "<b> test text </b>");
出力は大胆な「テストテキスト」ではありません。
警告ボックスのスタイルを本当に変更する必要がある場合は、2つのオプションがあります。
1。Alert()関数でUnicode文字を使用します。このソリューションの利点は、実装が非常に簡単であることですが、その制限も明らかです。ユニコード文字の表現力は非常に限られています。
2。alert()関数を使用する代わりに、HTMLコンポーネントを使用してポップアップボックス(jQuery UIダイアログの使用など)をシミュレートします。このソリューションの利点は、ポップアップボックスが非常に表現力豊かになることですが、それを使用すると、フロントエンドコードの複雑さが向上します。
結論
Alert()関数を使用して、ユーザーに警告したり、プログラムをデバッグしたりできます。前者の場合、jQuery UIダイアログなどのコンポーネントを使用すると、表現力とユーザーエクスペリエンスが大幅に向上する可能性があります。後者の場合、Alert()ポップアップボックスはJavaScriptコードの実行をブロックするため、多くの場合、Console.log()を使用してプログラムをデバッグすることがより良いソリューションです。