Im JavaScript -Code können Sie die Funktion alert () des Fensterobjekts verwenden, um einen Textstück anzuzeigen, um das Programm zu debuggen oder den Benutzer vor relevanten Informationen zu warnen:
Die Codekopie lautet wie folgt:
// Verwenden Sie die Alert () -Funktion des Fensterobjekts
Fenster.Alert ("Beispieltext");
Diese Schreibmethode kann vereinfacht werden, um die Funktion alert () direkt zu verwenden:
Die Codekopie lautet wie folgt:
// vereinfachte alert () Verwendung
alert ("Beispieltext");
Wenn Sie Text mit Newlines anzeigen müssen, können Sie /n verwenden:
Die Codekopie lautet wie folgt:
// verwenden /n in alert ()
alarm ("die erste Zeile/n der zweite Zeile");
Wenn Sie Registerkartenzeichen verwenden müssen, können Sie /t verwenden:
Die Codekopie lautet wie folgt:
// verwenden /t in alert ()
ALERT ("Alex/T50/T34/NBOB/T59/T38");
Verwendung von Variablen
Neben der Anzeige statischer Zeichenfolgen kann die Funktion alert () auch Variablen und Spleißvariablenwerte mit anderen Zeichenfolgen akzeptieren:
Die Codekopie lautet wie folgt:
// Variable in Alert () verwenden ()
var word = "Leben";
alarm ("Das magische Wort ist:" + word + ". Nicht in Panik.");
Obwohl die Funktion alert () Variablen akzeptieren kann, kann sie leider nur diesen String -Spleißvorgang ausführen. Entgegen einer anderen Debugging -Methodekonsole.Log () akzeptiert die Funktion alert () die Praxis, Parameter an Zeichenfolgen zu übergeben. Der folgende Code ist ein Beispiel:
Die Codekopie lautet wie folgt:
// Versuchen Sie, Parameter in alert () zu verwenden, fehl
var name = "bob";
var Jahre = 42;
Alarm (" %s ist %d Jahre alt.", Name, Jahre);
Wenn die Funktion alert () die Zeichenfolge übernimmt, wird die erwartete Ausgabe "Bob ist 42 Jahre alt". Tatsächlich unterstützt die Alert () -Funktion dies jedoch nicht, sodass die endgültige Ausgabe " %s ist %d Jahre alt".
Popup -Fensterstil
Da das von der Funktion alert () verwendete Popup-Box eher ein Browser-Systemobjekt als ein Webdokumentobjekt ist, ist es unmöglich, den Stil des Popup-Boxs mithilfe von HTML-Tags in der Funktion alert () zu definieren-das HTML-Tag wird intakt angezeigt. Für den folgenden Code:
Die Codekopie lautet wie folgt:
// Versuchen Sie, HTML -Tags in alert () zu verwenden, fehl
alert ("<b> Testtext </b>");
Die Ausgabe ist kein fettem "Testtext".
Wenn Sie den Stil der Warnbox wirklich ändern müssen, gibt es zwei Optionen:
1. Verwenden Sie Unicode -Zeichen in der Funktion alert (). Der Vorteil dieser Lösung besteht darin, dass sie sehr einfach zu implementieren ist, aber ihre Einschränkungen sind auch offensichtlich: Unicode -Zeichen haben eine sehr begrenzte Ausdruckskraft.
2. Anstatt die Funktion alert () zu verwenden, verwenden Sie HTML-Komponenten, um Popup-Boxen zu simulieren (z. B. JQuery UI-Dialog). Der Vorteil dieser Lösung besteht darin, dass die Popup-Box sehr ausdrucksstark sein wird, aber die Verwendung von IT wird die Komplexität des Front-End-Codes erhöhen.
Abschluss
Die Funktion alert () kann verwendet werden, um Benutzer aufmerksam zu machen oder Programme zu debuggen. Für die ersteren kann die Verwendung von Komponenten wie dem Jquery UI -Dialog die Ausdruckskraft und Benutzererfahrung erheblich steigern. Für letztere ist in vielen Fällen die Ausführung des JavaScript-Codes, da die Alert () -Popup-Box die Ausführung des JavaScript-Codes blockiert, in vielen Fällen mit Console.log (), um das Programm zu debuggen, eine bessere Lösung.