JavaScriptのalert()関数使用テクニック詳細

2212 ワード

JavaScriptコードでは、Windowsオブジェクトのalert関数を使用してテキストの一部を表示し、プログラムのデバッグを行い、またはユーザーに関連情報を警告することができます.

 
  
 //Use window object's alert() function 
  
 window.alert("sample text");

この書き方は、直接alert()関数を使用するように簡単にすることができます.

 
  
 //Simplified alert() usage 
  
 alert("sample text");

改行されたテキストを表示する場合は、

 
  
 //Use 
 in alert() 
  
 alert("The first line
The second line");

タブが必要なら、\tを使ってもいいです.

 
  
 //Use \t in alert() 
  
 alert("Alex\t50\t34
Bob\t59\t38");

変数の使用
静的文字列の表示以外に、alert()関数も変数を受け入れ、変数値を他の文字列とつづり合わせることができます.

 
  
 //Use variable in alert() 
  
 var word = "life"; 
  
 alert("The magic word is: " + word + ". Don't panic.");

残念なことに、alert()関数は変数を受け入れることができますが、できるのはこの文字列のつなぎ合わせだけです.他のデバッグ方法consolone.log()とは対照的に、alert()関数は文字列にパラメータを送る方法を受け入れない.下記のコードを例として:

 
  
 //Try to use parameter in alert(), will fail 
  
 var name = "Bob"; 
  
 var years = 42; 
  
 alert("%s is %d years old.", name, years);

alert()関数が文字列伝を受信すると、予想される出力結果は「Bob is 42 years old.」しかし、実際にはalert()関数はこれをサポートしていませんので、最終的な出力結果は「%s is%d years old.」です.
ウィンドウのスタイルをイジェクト
alert()関数で使用されるポップアップ枠は、ウェブページオブジェクトではなくブラウザシステムオブジェクトであるため、ALert()関数でHTMLタグを使用することによって、ポップアップ枠のスタイルを定義することができません.HTMLタグはそのまま表示されます.以下のコードに対して:

 
  
 //Try to use HTML tags in alert(), will fail 
  
 alert("Test Text");

出力結果は太字ではない「Test Text」です.
警告枠の形を変える必要があるなら、次の2つの案があります.
1.alert()関数でUnicode文字を使用します.このスキームの利点は,実現が非常に簡単であるが,その限界も明らかである:ユニック文字の表現力は非常に限られている.
2.alert()関数を使用せずに、jQuery UI Dialogを使用するなど、HTMLコンポーネントでポップアップボックスをシミュレートする.このスキームの利点は、ポップアップ枠の表現力が強いことであるが、その使用は、先端コードの複雑さを増す.
おわりに
alert()関数はユーザーに情報を警告するために使用することができます.プログラムをデバッグするためにも使えます.前者については、jQuery UI Dialogなどのコンポーネントを使用すると、表現力とユーザー体験が大幅に増加することができる.後者については、JavaScriptコードの実行をブロックするために、alert()ポップアップボックスが使用されるので、多くの場合、consolie.log()を使用してプログラムをデバッグするのがより良い方法である.

js拾遺