So verwenden Sie Javascript-Code

Javascript ist eine weit verbreitete Programmiersprache, die in vielen Bereichen wie Webentwicklung, Desktop-Software und Entwicklung mobiler Anwendungen eingesetzt werden kann. In diesem Artikel wird erläutert, wie Sie Javascript-Code verwenden, um Anfängern den schnellen Einstieg zu erleichtern.

1. Javascript-Code erstellen

Das Einfügen von Javascript-Code in HTML-Dateien ist die gebräuchlichste Methode. Im HTML-Code wird Javascript-Code über das Tag eingeführt, zum Beispiel:

// 在这里写JavaScript代码 Sie können den Javascript-Code auch als separate .js-Datei speichern und ihn dann in die HTML-Datei einfügen. Beispielsweise können wir eine Datei mit dem Namen „script.js“ erstellen und in der HTML-Datei darauf verweisen:

2. Variablen

Variablen werden zum Speichern von Daten in Javascript verwendet. Sie müssen beim Erstellen einer Variablen das Schlüsselwort var verwenden, zum Beispiel:

var name = "John"; Der obige Code erstellt einen Variablennamen und weist dieser Variablen die Zeichenfolge „John“ zu. In Javascript werden Variablen dynamisch typisiert, d. h. der Typ der Variablen kann sich dynamisch ändern. Beispielsweise können wir den Wert des Variablennamens oben in einen numerischen Typ ändern:

var name = 10; Der Name der Variablen kann aus Buchstaben, Zahlen, Unterstrichen und Dollarzeichen bestehen, aber er darf nicht mit einer Zahl beginnen. Bei Variablennamen muss die Groß-/Kleinschreibung beachtet werden.

3. Datentypen

Javascript verfügt über eine Vielzahl von Datentypen, darunter Zeichenfolgen, Zahlen, Arrays, Objekte usw.

String String ist ein Datentyp, der zur Darstellung von Text verwendet wird und in einfache oder doppelte Anführungszeichen eingeschlossen werden kann. Zum Beispiel:

var name = "John"; var greeting = 'Hello'; Numbers Numbers werden in Javascript in Ganzzahl- und Gleitkommatypen unterteilt. Beispiel:

var age = 18; var price = 9.99; Array Array ist ein Datentyp, der zum Speichern eines Datensatzes verwendet wird. Jedes Element des Arrays kann einen beliebigen Datentyp haben. Wenn Sie ein Array deklarieren, müssen Sie eckige Klammern [] verwenden und jedes Element durch ein Komma trennen. Zum Beispiel:

var fruits = ["apple", "orange", "banana"]; Auf Array-Elemente kann über den Index zugegriffen werden, und der Array-Index beginnt bei 0. Greifen Sie beispielsweise im Array oben auf „apple“ zu:

var fruit = fruits[0]; Object Objects sind Datentypen, die zur Beschreibung von Dingen in der Realität verwendet werden. Objekte bestehen aus Eigenschaften und Methoden. Eigenschaften sind die Eigenschaften eines Objekts und Methoden sind das Verhalten des Objekts. Zum Beispiel:

var person = { name: "John", age: 18, sayHello: function() { alert("Hello!"); } }; Der obige Code erstellt ein Personenobjekt, einschließlich Name, Alter und einer sayHello-Methode. Sie können über Punkte oder eckige Klammern auf die Eigenschaften und Methoden eines Objekts zugreifen. Greifen Sie beispielsweise auf den Namen im Personenobjekt zu:

var name = person.name; 4. Kontrollfluss

Kontrollfluss ist ein Mechanismus zur Steuerung der Reihenfolge der Programmausführung. Javascript bietet eine Vielzahl von Kontrollflussanweisungen.

if-Anweisung if-Anweisung wird verwendet, um verschiedene Codeblöcke basierend auf Bedingungen auszuführen. Beispiel:

if (age > 18) { alert("You are an adult."); } else { alert("You are a child."); } Der obige Code bestimmt anhand des Werts der Variablen „Alter“, ob das Alter größer als 18 Jahre ist, und führt verschiedene Codeblöcke aus.

for-Schleife for-Schleife wird verwendet, um denselben Codeblock wiederholt auszuführen. Um beispielsweise Zahlen von 1 bis 10 auszugeben:

for (var i = 1; i Der obige Code verwendet die Variable i, um eine Schleife von 1 bis 10 zu durchlaufen und jedes Mal den aktuellen i-Wert auszugeben.

while-Schleife while-Schleife wird verwendet, um denselben Codeblock wiederholt auszuführen, während eine Bedingung wahr ist. Geben Sie beispielsweise Zahlen von 1 bis 10 aus:

var i = 1; while (i Der obige Code verwendet die Variable i, um die Schleife bei 1 zu starten, jedes Mal den aktuellen i-Wert auszugeben und i um 1 zu erhöhen, bis die Schleife endet, wenn i größer als 10 ist.

5. Funktion

Eine Funktion ist ein Codeblock, der eine bestimmte Aufgabe ausführt und wiederholt zur Ausführung aufgerufen werden kann. Funktionen können in Javascript über das Schlüsselwort function definiert werden. Definieren Sie beispielsweise eine Funktion, die die Summe zweier Zahlen berechnet:

function add(a, b) { return a + b; } Der obige Code definiert eine Funktion namens add, die zwei Parameter a und b akzeptiert und deren Summe zurückgibt.

6. DOM-Betrieb

Javascript kann den DOM-Baum (Document Object Model) bedienen, um den Effekt der dynamischen Aktualisierung von HTML-Seiten zu erzielen. Der DOM-Baum ist eine strukturierte Darstellung einer HTML-Seite und jedes HTML-Element ist ein Knoten im DOM-Baum. Javascript kann diese Knoten über die DOM-API bedienen, beispielsweise den Inhalt, die Attribute, den Stil usw. der Elemente ändern.

Elemente abrufen Sie können getElementById, getElementsByClassName, getElementsByTagName und andere Methoden des Dokumentobjekts verwenden, um HTML-Elemente abzurufen. Rufen Sie beispielsweise das Element mit der ID „myDiv“ ab:

var myDiv = document.getElementById("myDiv"); Elementinhalt und -attribute ändern Sie können die Attribute innerHTML, innerText und nodeValue des Knotens verwenden, um den Inhalt des Knotens zu ändern. Um beispielsweise den Inhalt des Elements mit der ID „myDiv“ zu ändern:

var myDiv = document.getElementById("myDiv"); myDiv.innerHTML = "Hello World!"; Sie können die Attribute getAttribute und setAttribute des Knotens verwenden, um die Attribute des Knotens zu ändern. Ändern Sie beispielsweise das href-Attribut des Elements mit der ID „myLink“:

var myLink = document.getElementById("myLink"); myLink.setAttribute("href", "http://www.example.com"); Ändern Sie den Elementstil Sie können das Stilattribut des Knotens verwenden, um den Stil des Knotens zu ändern. Ändern Sie beispielsweise die Hintergrundfarbe des Elements mit der ID „myDiv“:

var myDiv = document.getElementById("myDiv"); myDiv.style.backgroundColor = "red"; Die oben genannten sind die grundlegenden Operationen des Javascript-Codes. Nach der Beherrschung dieser Inhalte wird der Anwendungsbereich von Javascript weiter erweitert.