Verwenden Sie JavaScript, um Seiteneffekte zu erstellen

Verwenden Sie JavaScript, um Seiteneffekte zu erstellen

11. Verwenden Sie JavaScript, um Seiteneffekte zu erstellen

11.1 DOM-Programmierung

DOM-Programmierung (Document Object Model) Dokumentobjektmodell

Bildbeschreibung hier einfügen

Bei der DOM-Programmierung wird die gesamte Seite als Dokumentobjekt betrachtet, in dem das HTML-Element ein bestimmtes Objekt ist. Der Kern von DOM besteht darin, das entsprechende HTML-Elementobjekt zu finden und es dann zu bearbeiten (die Attribute oder den Stil zu ändern) und ein neues HTML-Elementobjekt zu generieren.

11.2 Elemente auf einer Seite in JS finden

  • Suchen Sie das Objekt über die Namenseinschlussbeziehung des Formulars: document.calForm.num1
  • Holen Sie sich ein HTML-Elementobjekt über das ID-Attribut des HTML-Elements:
  • document.getElementById(id)
  • Holen Sie sich mehrere HTML-Elementobjekte mit demselben Namensattributwert über das Namensattribut des HTML-Elements. Gibt ein Array zurück, das alle Objekte mit demselben Namensattribut speichert. document.getElementsByName(name) Holen Sie sich mehrere HTML-Elementobjekte mit demselben Tag über den Tagnamen des HTML-Elements.
  • document.getElementsByTagName(tagName)

11.2.1 Dynamische Zeit

Die auf der Seite angezeigte Zeit ist dynamisch. Beim Aufrufen der Seite wird die Zeit angezeigt. Es gibt zwei Arten von Zeit:

Serverzeit (über Java abgerufen); Clientzeit (über JS abgerufen), angezeigt entsprechend der Zeit auf jedem Client.

Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen

11.2.2 Funktion „Alles auswählen“ oder „Alles abwählen“

Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen

Dies ist das Ende dieses Artikels über die Verwendung von JavaScript zum Erstellen von Seiteneffekten. Weitere relevante Inhalte zur Erstellung von JS-Seiten finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Die Reihenfolge zum Erstellen und Einbinden der vue.js-Seite
  • Nuxt.js Routing-Sprungvorgang (Seitensprung-Nuxt-Link)
  • JS implementiert Spezialeffekte von Bildern beim Klicken mit der Maus auf der Seite
  • Verwenden von JSP zum Implementieren einer einfachen Benutzeranmelde- und Registrierungsseite – Beispielcodeanalyse
  • So verwenden Sie JSP-Seiten in Spring Boot

<<:  Überlegungen zur Partitionierung von MySQL-Datenbanktabellen [empfohlen]

>>:  Stellen Sie die Nginx+Flask+Mongo-Anwendung mit Docker bereit

Artikel empfehlen

Verwenden von js zum Implementieren eines einfachen Lichtschaltercodes

Körperteil: <button>Licht ein-/ausschalten&...

So ändern Sie schnell das Root-Passwort unter CentOS8

Starten Sie die virtuelle Centos8-Maschine und dr...

So ändern Sie das MySQL-Passwort auf dem XAMPP-Server (mit Bildern)

Heute habe ich bei der Arbeit an PHP herausgefund...

CSS3 realisiert den Animationseffekt der Lotusblüte

Schauen wir uns zunächst die Wirkung an: Dieser E...

Zusammenfassung zur Verwendung des MySQL-Autorisierungsbefehls „grant“

So verwenden Sie den MySQL-Autorisierungsbefehl „...

Implementierung des Whack-a-Mole-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...

Praktische Aufzeichnung der MySQL 5.6 Master-Slave-Fehlerberichterstattung

1. Problemsymptome Version: MySQL 5.6, unter Verw...

MySQL max_allowed_packet-Einstellung

max_allowed_packet ist ein Parameter in MySQL, de...

Schritte zur Installation von MySQL 8.0.23 unter Centos7 (Anfängerstufe)

Lassen Sie mich zunächst kurz erklären, was MySQL...

Detaillierte Erklärung asynchroner Iteratoren in nodejs

Inhaltsverzeichnis Vorwort Was sind asynchrone It...

So installieren Sie Nginx in Docker

Installieren Sie Nginx auf Docker Nginx ist ein l...