So verwenden Sie Javascript-Code-Front-End-Fragen und Antworten-php.cn

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代码 Nach dem Login kopieren 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:

Nach dem Login kopieren 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"; Nach dem Login kopieren 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; Nach dem Login kopieren 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'; Nach dem Login kopieren Numbers Numbers werden in Javascript in Ganzzahl- und Gleitkommatypen unterteilt. Beispiel:

var age = 18; var price = 9.99; Nach dem Login kopieren 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"]; Nach dem Login kopieren 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]; Nach dem Login kopieren 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!"); } }; Nach dem Login kopieren 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; Nach dem Login kopieren 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."); } Nach dem Login kopieren 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 Nach dem Login kopieren 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 Nach dem Login kopieren 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; } Nach dem Login kopieren 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"); Nach dem Login kopieren 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!"; Nach dem Login kopieren 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"); Nach dem Login kopieren Ä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"; Nach dem Login kopieren Die oben genannten sind die grundlegenden Operationen des Javascript-Codes. Nach der Beherrschung dieser Inhalte wird der Anwendungsbereich von Javascript weiter erweitert.

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

So verwenden Sie Javascript-Code