Was ist JavaScript?
JavaScript ist die Programmiersprache für das Web.
JavaScript kann sowohl HTML als auch CSS aktualisieren und ändern.
JavaScript kann Daten berechnen , manipulieren und validieren .
JavaScript-Schnellstart-Tutorial
Dieses Tutorial wirft einen kurzen Blick auf die wichtigsten JavaScript-Datentypen.
JavaScript-Variablen können sein:
- Zahlen
- Saiten
- Objekte
- Arrays
- Funktionen
JavaScript-Variablen
JavaScript-Variablen sind Container zum Speichern von Datenwerten.
In diesem Beispiel sind x, y und z Variablen:
Beispiel
var x = 5;
var y = 6;
var z = x + y;
Aus dem obigen Beispiel können Sie Folgendes erwarten:
- x speichert den Wert 5
- y speichert den Wert 6
- z speichert den Wert 11
JavaScript-Zahlen
JavaScript hat nur einen Zahlentyp . Zahlen können mit oder ohne Dezimalstellen geschrieben werden.
Beispiel
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Alle Zahlen werden als Gleitkommazahlen mit doppelter Genauigkeit gespeichert.
Die maximale Anzahl von Dezimalstellen beträgt 17, aber Gleitkommazahlen sind nicht immer 100 % genau:
Beispiel
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScript-Strings
Strings speichern Text . Strings werden in Anführungszeichen geschrieben. Sie können einfache oder doppelte Anführungszeichen verwenden :
Beispiel
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Die Länge eines Strings wird in der eingebauten Eigenschaft length gefunden :
Beispiel
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
JavaScript-Objekte
Sie haben bereits gelernt, dass JavaScript-Variablen Container für Datenwerte sind.
Dieser Code weist einer Variablen namens car einen einfachen Wert (Fiat) zu :
var car = "Fiat";
Auch Objekte sind Variablen. Aber Objekte können viele Werte enthalten.
Dieser Code weist einer Variablen namens Auto viele Werte (Fiat, 500, weiß) zu :
var car = {type:"Fiat", model:"500", color:"white"};
JavaScript-Arrays
JavaScript-Arrays werden verwendet, um mehrere Werte in einer einzigen Variablen zu speichern.
Beispiel
var cars = ["Saab", "Volvo", "BMW"];
JavaScript-Funktionen
Eine JavaScript-Funktion ist ein Codeblock, der zur Ausführung einer bestimmten Aufgabe entwickelt wurde.
Eine JavaScript-Funktion wird ausgeführt, wenn „etwas“ sie aufruft (aufruft).
Beispiel
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Was kann JavaScript?
Dieser Abschnitt enthält einige Beispiele dafür, was JavaScript tun kann:
- JavaScript kann HTML-Inhalte ändern
- JavaScript kann HTML-Attributwerte ändern
- JavaScript kann HTML-Stile ändern (CSS)
- JavaScript kann HTML-Elemente ausblenden
- JavaScript kann HTML-Elemente anzeigen
JavaScript kann HTML-Inhalte ändern
Eine von vielen JavaScript-HTML-Methoden ist getElementById() .
Dieses Beispiel verwendet die Methode, um ein HTML-Element zu "finden" (mit id="demo") und ändert den Inhalt des Elements ( innerHTML ) in "Hello JavaScript":
Beispiel
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript kann HTML-Attributwerte ändern
In diesem Beispiel ändert JavaScript den Wert des Attributs src (source) eines <img>-Tags:
Die Glühbirne
JavaScript kann HTML-Stile ändern (CSS)
Das Ändern des Stils eines HTML-Elements ist eine Variante zum Ändern eines HTML-Attributs:
Beispiel
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript kann HTML-Elemente ausblenden
Das Ausblenden von HTML-Elementen kann durch Ändern des Anzeigestils erfolgen:
Beispiel
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript kann HTML-Elemente anzeigen
Das Anzeigen versteckter HTML-Elemente kann auch durch Ändern des Anzeigestils erfolgen:
Beispiel
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Vollständiges JavaScript-Tutorial
Dies war eine kurze Beschreibung von JavaScript.
Ein vollständiges JavaScript-Tutorial finden Sie unter W3Schools JavaScript Tutorial .
Eine vollständige JavaScript-Referenz finden Sie unter W3Schools JavaScript Reference .