JavaScript Ausgang
JavaScript hat keine Druck- oder Ausgabefunktionen.
JavaScript zeigt Daten
JavaScript ausgeben kann Daten auf unterschiedliche Weise:
- Verwenden Sie window.alert () Pop-up - Warnung Box.
- Mit document.write () Methode , den Inhalt eines HTML - Dokuments zu schreiben.
- Mit innerHTML- zu HTML - Elemente schreiben.
- Verwenden Sie console.log () wird der Browser - Konsole geschrieben.
Verwenden Sie window.alert ()
Sie können eine Warnung Box öffnet sich die Daten anzuzeigen:
Beispiele
<Html>
<Body>
<H1> Meine erste Seite </ h1>
<P> Mein erster Absatz. </ P>
<Script>
window.alert (5 + 6);
</ Script>
</ Body>
</ Html>
Versuchen »
Manipulieren HTML-Elemente
Für den Zugriff auf ein HTML - Element von JavaScript können Siedocument.getElementById(id) Methode verwenden.
Bitte verwenden Sie das Attribut "id" HTML-Elemente zu identifizieren und innerHTML- den Inhalt oder fügen Sie Elemente zu erhalten:
Beispiele
<Html>
<Body>
<H1> Meine erste Webseite </ h1>
<P id = "Demo"> Mein erster Absatz </ p>
<Script>
document.getElementById ( "Demo") innerHTML- = "Absatz wurde geändert ..";
</ Script>
</ Body>
</ Html>
Versuchen »
Weitere JavaScript-Anweisungen (in dem <script> Tag) in einem Web-Browser ausgeführt werden:
document.getElementById ( "Demo") ist das id - Attribut zu verwenden , HTML - Elemente JavaScript - Code zu finden.
innerHTML- = "Absatz wurde geändert." verwendet wird , um den HTML - Content - Element (innerHTML-) JavaScript - Code zu ändern.
In diesem Tutorial
In den meisten Fällen, die in diesem Tutorial werden wir die oben genannten Methoden zur Ausgabe beschrieben verwenden:
Das folgende Beispiel direkt an die id = "Demo" des <p> Element ist mit dem Ausgang HTML-Dokument geschrieben:
Schreibt HTML-Dokument
Zu Testzwecken können Sie direkt JavaScript in HTML-Dokument schreiben:
Beispiele
<Html>
<Body>
<H1> Meine erste Webseite </ h1>
<P> Mein erster Absatz. </ P>
<Script>
document.write (Date ());
</ Script>
</ Body>
</ Html>
Versuchen »
Bitte benutzen Sie die document.write () einfach den Inhalt an einem Dokumentenausgabe zu schreiben. Wenn Sie document.write tun, nachdem das Dokument vollständig geladen ist, wird die gesamte HTML-Seite überschrieben. |
Beispiele
<Html>
<Body>
<H1> Meine erste Webseite </ h1>
<P> Mein erster Absatz. </ P>
<Schaltfläche Onclick = "myFunction () "> Punkt I </ button>
<Script>
Funktion myFunction () {
document.write (Date ());
}
</ Script>
</ Body>
</ Html>
Versuchen »
Auf der Konsole
Falls Ihr Browser Debugging unterstützt, können Sie console.log () -Methode zur Anzeige den Wert von JavaScript in Ihrem Browser.
Browser verwenden F12 Debug-Modus, das Debug-Fenster, klicken Sie auf die "Console" Menü zu aktivieren.
Beispiele
<Html>
<Body>
<H1> Meine erste Webseite </ h1>
<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>
</ Body>
</ Html>
Versuchen »
Beispiele Konsole Screenshot:
Wussten Sie schon?
Debuggen testet ein Programm zu finden und den Fehler (Fehler) Prozess zu reduzieren. |