So ändern Sie die Hintergrundfarbe der HTML mit einer Eingabeaufforderung in Javascript

April 21

Die Entwickler von JavaScript im Web zu verbessern, indem die Förderung weitere Benutzerinteraktion zu hoffen. Hypertext Markup Language, der Basissprache von Web-Seiten, bietet durch Hyperlinks und Formularelemente Benutzereingaben. JavaScript fügt die Fähigkeit, durch eine "Warnung"-Box, eine Box "bestätigen ja oder Nein" oder eine "Eingabeaufforderung" Box Benutzereingaben zu entlocken. Prompt-Boxen erlauben größere Eingaben des Benutzers. JavaScript Daten vom Feld Eingabeaufforderung und verwenden, um die Webseite Attribute wie z. B. die Hintergrundfarbe zu ändern. Mit einer Farbe, die prompten Daten verknüpft, kann ein Skript den Wert der Webseite Dokument Objekt Hintergrundfarbe ändern.

Anweisungen

1 Klicken Sie auf "Start". Wählen Sie "Notepad" oder starten Sie die nur-Text-Text-Editor-Anwendung Ihrer Wahl.

2 Geben Sie den folgenden Code, um das JavaScript zu testen:

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion show_prompt()

{

Var Wahl = neue Array();

Auswahl [1] = '#659EC7';

Auswahl [2] = "#FFFF00";

Wahl [3] = '#646060';

Var Farbe = Prompt ("Bitte geben Sie die Nummer für die Hintergrundfarbe:" + ' \n'+ "1. Hellblau "+"\n"+" 2. Gelbe "+ ' \n'+" 3. "Grau","");

document.bgColor = choice[parseInt(color)];

}

< / script >

< / head >

< Körper >

< Eingang Typ = "button" onclick="show_prompt()" Wert = "Hier klicken, um die Hintergrundfarbe zu ändern" / >

< / body >

< / html >

3 Klicken Sie im Menü "Datei". Wählen Sie die Option "Speichern". Speichern Sie unter die Datei namens "test.html."

4 Klicken Sie auf "Start". Wählen Sie "Internet Explorer" oder einen anderen Webbrowser, die auf Ihrem Computer verfügbar ist. Klicken Sie auf den Menüpunkt "Datei" und wählen Sie "Datei öffnen."

5 Suchen Sie die Datei "test.html", und wählen Sie ihn mit der Maus. Klicken Sie auf "Öffnen".

Tipps & Warnungen

  • Daten von JavaScript Prompt Box sollte gefiltert werden, um zu verhindern, dass das Skript von unbrauchbaren Daten abstürzt. Beispielsweise dieses Code-Snippet würde eine Farbe für die Eingabe des Benutzers übereinstimmen, aber wenn der Benutzer falsch gewählt haben, wäre die Standardhintergrundfarbe Weiß.
  • Var Farbe = Prompt ("Bitte geben Sie die Umbra für die Hintergrundfarbe: 1. Light blau, 2. gelb, 3. Gray","");
  • Switch (Farbe) {}
  • Fall "1":
  • document.bgColor = "#659EC7";
  • zu brechen;
  • Fall "2":
  • document.bgColor = "#FFFF00";
  • Fall "3":
  • document.bgColor = "#646060";
  • Standard:
  • document.bgColor = #FFFFFF ";
  • }
  • JavaScript Prompt Boxen sind schwer zu Format und Stil und können oft ästhetisch clash mit Ihrem Website-Design. Designer kombinieren JavaScript "onclick()" Veranstaltungen mit Gestaltungsmöglichkeiten, die durch Stylesheets, attraktive und fantasievolle Wege der Benutzer zu erstellen.

SIE KÖNNEN AUCH GERNE