Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

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

<! DOCTYPE html>
<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

<! DOCTYPE html>
<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

<! DOCTYPE html>
<Html>
<Body>

<H1> Meine erste Webseite </ h1>

<P> Mein erster Absatz. </ P>

<Script>
document.write (Date ());
</ Script>

</ Body>
</ Html>

Versuchen »

Note

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

<! DOCTYPE html>
<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

<! DOCTYPE html>
<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?

Note Debuggen testet ein Programm zu finden und den Fehler (Fehler) Prozess zu reduzieren.