Teilen von Javascript-Videodaten der Geek Academy

Das „Geek Academy JavaScript Video Tutorial“ führt Sie ausführlich in JavaScript ein. JavaScript ist eine wörtliche Skriptsprache und eine Skriptsprache, die in der clientseitigen Webentwicklung weit verbreitet ist. Wird derzeit von Millionen von Webseiten verwendet, um das Design zu verbessern, Formulare zu validieren, Browser zu erkennen, Cookies zu erstellen und mehr.

JavaScript ist eine Netzwerk-Skriptsprache, die in der Entwicklung von Webanwendungen weit verbreitet ist. Sie wird häufig verwendet, um Webseiten verschiedene dynamische Funktionen hinzuzufügen, um Benutzern flüssigere und schönere Browsing-Effekte zu bieten. Normalerweise realisieren JavaScript-Skripte ihre Funktionen, indem sie sie in HTML einbetten.

ist eine interpretierte Skriptsprache (der Code ist nicht vorkompiliert).

wird hauptsächlich verwendet, um interaktives Verhalten zu HTML-Seiten (einer Anwendung unter Standard Universal Markup Language) hinzuzufügen.

kann direkt in HTML-Seiten eingebettet werden, aber das Schreiben als separate js-Datei erleichtert die Trennung von Struktur und Verhalten.

Plattformübergreifende Funktion, mit Unterstützung der meisten Browser kann es auf mehreren Plattformen (wie Windows, Linux, Mac, Android, iOS usw.) ausgeführt werden.

Adresse für die Videowiedergabe: http://www.php.cn/course/204.html

Grundlagen des Javascript-Lernens Achten Sie auf den DOM-Betrieb, der sowohl wichtig als auch schwierig ist:

1 Erstellen Sie einen Knoten

createElement()
var node = document.createElement(“div”);

Es gibt nichts zu sagen, erstellen Sie einen Elementknoten, aber beachten Sie, dass dieser Knoten nicht automatisch zum Dokument hinzugefügt wird.

2. Erstellen Sie einen Textknoten

createTextNode()
var value = document.createTextNode(“text”);

Erstellen Sie einen Textknoten, der häufig zum Hinzufügen von Inhalten zu Elementknoten verwendet wird und nicht automatisch zum Dokument hinzugefügt wird.
Viele Leute kennen innerHTML, kennen diese Methode jedoch nicht. Dadurch wird statischer Text hinzugefügt. Wenn der eingefügte Inhalt kein HTML-Format hat, ist die Verwendung von createTextNode sicherer als innerHTML und es gibt Probleme mit der Browser-Inkompatibilität, daher ist die Verwendung von createTextNode sehr praktisch . Funktioniert gut.

3. Fügen Sie den Knoten bis zum Ende ein.

appendChild()
node.appendChild(value);

Fügen Sie den Knoten bis zum Ende ein. Die beiden oben erstellten Knoten werden nicht automatisch zum Dokument hinzugefügt um appendChild für Inserted zu verwenden.
Wenn es sich um einen neuen Knoten handelt, wird er an das Ende eingefügt, und wenn es sich um einen vorhandenen Knoten handelt, wird er an das Ende verschoben. Wenn Sie dies verstehen, und es dann damit kombinieren Mit der folgenden Methode können Sie den Operationsknoten bequem verschieben.

4. Fügen Sie den Knoten vor dem Zielknoten ein.

insertBefore()
var node = document.createElement(“div”);
var _p = document.createElement(“p”);
var _span = document.createElement(“span”);
node.appendChild(_p);
node.insertBefore(_span, _p);

wird vor dem

-Knoten eingefügt ist optional. Wenn der zweite Parameter nicht geschrieben wird, wird er standardmäßig am Ende des Dokuments hinzugefügt, was appendChild entspricht.
In ähnlicher Weise löschen appendChild und insertBefore, wenn der Knoten bereits vorhanden ist, zuerst automatisch den ursprünglichen Knoten und verschieben ihn dann an die von Ihnen angegebene Stelle.
Tipps zum Verschieben von Knoten nach vorne:

if (node.parentNode.firstChild)
node.parentNode.insertBefore(node, node.parentNode.firstChild);else node.parentNode.appendChild(node);

node.cloneNode(true);
node.cloneNode(false);
Kopieren Sie den obigen div-Knoten The Parameter true, kopiert den gesamten Knoten und seinen Inhalt; false, kopiert nur den Knoten ohne seinen Inhalt. Der kopierte neue Knoten wird nicht automatisch in das Dokument eingefügt.

6. Knoten löschen

removeChild()
node.removeChild(_p);

Löschen Sie den obigen

-Knoten aus

. Im Allgemeinen wissen wir jedoch nicht, was der übergeordnete Knoten des zu löschenden Knotens ist, daher verwenden wir normalerweise Folgendes: node.parentNode.removeChild(node);

Das obige ist der detaillierte Inhalt vonTeilen von Javascript-Videodaten der Geek Academy. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!