HTML-Code für eine Alert-Box

January 16

HTML-Code für eine Alert-Box

Mithilfe von HTML und JavaScript-Code können Entwickler Warnungs-Boxen zu pop-up wenn Benutzer mit Elementen einer Webseite interagieren erstellen. Die HTML-Elemente auf einer Seite können Event-Listener-Attribute erkennen von Benutzerinteraktionen enthalten. Tritt diese Interaktion mit dem Benutzer kann der HTML-Code eine JavaScript-Funktion ausführen angeben. Diese JavaScript-Funktion kann beinhalten den Code um eine Warnmeldung an den Benutzer anzuzeigen, das eine Nachricht und eine Schaltfläche angezeigt werden kann.

Alarm-Syntax

Die alert-Funktion in JavaScript werden aufgefordert, den Browser, um ein Popup-Fenster angezeigt, die auf der Seite angezeigten getrennt ist. Wenn der Benutzer die alert-Box sieht, können sie die Schaltfläche innerhalb es, sie zu entlassen. zurück zur Seite. Der folgende Javascriptcode veranschaulicht das Erstellen einer alert-Box innerhalb einer Web-Seite:

Alert ("Dies ist eine Warnung");

Wenn dieser Code ausgeführt wird, wird die alert-Box angezeigt.

Nachricht

Die alert-Box über HTML und JavaScript erstellt, kann eine Meldung angezeigt. Entwickler können als Parameter für die alert-Funktion, die Nachricht enthalten Inserat es als literal String-Wert. Alternativ kann die Nachricht Variablen wie im folgenden Beispielcode einfügen:

Var Message = "Hallo";

Alert(theMessage);

Die Nachricht kann mehrere Variable Bezüge in Verbindung mit Zeichenfolgenliterale folgendermaßen optional enthalten:

Var MsgOne = "Hallo!";

Var MsgTwo = "Dies ist eine Warnung...";

Warnung (MsgOne + "" + MsgTwo);

JavaScript-Funktion

In den meisten Fällen sind die Entwickler ihre Warnung Anrufe innerhalb von JavaScript-Funktionen. Webseiten können JavaScript-Codeabschnitten in den Bereichen Kopf und Körper enthalten oder können alternativ den Code in separaten Skriptdateien, die in den Head-Seitenabschnitt verlinkten Liste. Der folgende Beispielcode veranschaulicht, einschließlich eine JavaScript-Funktion mit einem Alarm-Befehl hinein:

Funktion showMessage(messageText) {}

Alert(MessageText);

}

Dieser Code wird die Nachricht als Parameter angezeigt. Dies bedeutet, dass der Codeabschnitt, der Aufruf der Funktion muss den Meldungstext bieten und als Parameter zu übergeben, wenn es die Funktion aufruft.

Aufrufe

Entwickler sind oft Event-Attribute in HTML-Elementen, Aufrufen von JavaScript-Funktionen auf Benutzerinteraktion. Der folgende HTML-Markup-Code erstellt beispielsweise eine Schaltfläche-input-Element mit einem Ereignis-Listener-Attribut:

< Eingang Typ = "button" onclick="showMessage('pressed')" Wert = "Drücken Sie mich" / >

Dieser Code weist den Browser für den Benutzer auf die Schaltfläche klicken, hören dann rufen Sie die JavaScript-Funktion angegeben, es den Textparameter übergeben wird. Wenn die Seite geladen wird und der Benutzer auf die Schaltfläche klickt, erscheint ein Warnfeld mit der Meldung, "gedrückt" darin angezeigt. Der Code wechselt zwischen einfachen und doppelten Anführungszeichen Aufruf der Funktion und der Wert des Parameters zu unterscheiden.