Ausführliche Erläuterung der Tipps zur Verwendung der Funktion „alert()“ in JavaScript_Javascript-Tipps

Im JavaScript-Code können Sie die Funktion „alert()“ des Fensterobjekts verwenden, um einen Text zum Debuggen des Programms anzuzeigen oder den Benutzer auf relevante Informationen aufmerksam zu machen:

Code kopieren Der Code lautet wie folgt:

//Verwende die Funktion „alert()“ des Fensterobjekts
window.alert("Beispieltext");

Diese Schreibmethode kann durch die direkte Verwendung der Funktion „alert()“ vereinfacht werden:

Code kopieren Der Code lautet wie folgt:

//Vereinfachte Verwendung von alarm()
alarm("Beispieltext");

Wenn Sie Text mit Zeilenumbrüchen anzeigen müssen, können Sie n:

verwenden

Code kopieren Der Code lautet wie folgt:

//Verwende n in alarm()
alarm("Die erste ZeileDie zweite Zeile");

Wenn Sie Tabulatorzeichen verwenden müssen, können Sie t:

verwenden

Code kopieren Der Code lautet wie folgt:

//Verwende t in warning()
alarm("Alext50t34nBobt59t38");

Verwendung von Variablen

Zusätzlich zur Anzeige statischer Zeichenfolgen kann die Funktion „alert()“ auch Variablen akzeptieren und die Variablenwerte mit anderen Zeichenfolgen verketten:

Code kopieren Der Code lautet wie folgt:

//Variable in alarm()
verwenden var word = "life";
alarm("Das Zauberwort ist: "Wort". Keine Panik.");

Obwohl die Funktion „alert()“ Variablen akzeptieren kann, kann sie im Gegensatz zu einer anderen Debugging-Methode „console.log()“ leider nur diese Zeichenfolgenverkettungsoperation ausführen. Die Funktion „alert()“ akzeptiert die Methode zur Übergabe von Parametern an Zeichenfolgen leider nicht . Nehmen Sie den folgenden Code als Beispiel:

Code kopieren Der Code lautet wie folgt:

//Versuchen Sie, Parameter in warning() zu verwenden, schlägt fehl
var name = „Bob“;
var Jahre = 42;
Alert("%s ist %d Jahre alt.", Name, Jahre);

Wenn die Funktion „alert()“ einen String-Parameter akzeptiert, lautet das erwartete Ausgabeergebnis „Bob ist 42 Jahre alt.“ Tatsächlich unterstützt die Funktion „alert()“ dies jedoch nicht, sodass das endgültige Ausgabeergebnis „%s ist %“ lautet. d Jahre alt.“

Popup-Fensterstil

Da es sich bei dem von der Funktion „alert()“ verwendeten Popup-Feld um ein Browsersystemobjekt und nicht um ein Webseitendokumentobjekt handelt, können Sie den Stil des Popup-Felds nicht mithilfe von HTML-Tags in der Funktion „alert()“ definieren - Die HTML-Tags bleiben dynamisch angezeigt. Für den folgenden Code:

Code kopieren Der Code lautet wie folgt:

//Versuchen Sie, HTML-Tags in warning() zu verwenden, schlägt fehl
warning("Testtext");

Das Ausgabeergebnis ist nicht der fettgedruckte „Testtext“.

Wenn Sie den Stil des Warnfelds wirklich ändern müssen, haben Sie die folgenden zwei Möglichkeiten:

1. Verwenden Sie Unicode-Zeichen in der Funktion „alert()“. Der Vorteil dieser Lösung besteht darin, dass sie sehr einfach zu implementieren ist, ihre Einschränkungen liegen jedoch auch auf der Hand: Die Ausdruckskraft von Unicode-Zeichen ist sehr begrenzt.

2. Verwenden Sie anstelle der Funktion „alert()“ HTML-Komponenten, um Popup-Boxen zu simulieren (z. B. mithilfe des jQuery-UI-Dialogs). Der Vorteil dieser Lösung besteht darin, dass das Popup-Fenster sehr ausdrucksstark ist, seine Verwendung jedoch die Komplexität des Front-End-Codes erhöht.

Fazit

Die Funktion „alert()“ kann verwendet werden, um Benutzer mit Informationen zu benachrichtigen, und kann auch zum Debuggen von Programmen verwendet werden. Bei Ersterem kann die Verwendung von Komponenten wie jQuery UI Dialog die Ausdruckskraft und Benutzererfahrung erheblich steigern, bei Letzterem blockiert das Popup-Fenster „alert()“ die Ausführung von JavaScript-Code, in vielen Fällen ist es „console.log()“. Das Debuggen des Programms ist eine bessere Lösung.