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

Einführung in die Cloud-native-Technologie Kubernetes (K8S)

Inhaltsverzeichnis 01 Was ist Kubernetes? 02 Der ...

Installieren Sie JDK1.8 in einer Linux-Umgebung

Inhaltsverzeichnis 1. Installationsumgebung 2. In...

So installieren und konfigurieren Sie MySQL und ändern das Root-Passwort

1. Installation apt-get install mysql-server erfo...

MySQL-Tutorial: Datendefinitionssprache (DDL), Beispiel, ausführliche Erklärung

Inhaltsverzeichnis 1. Einführung in die Grundfunk...

Detaillierter Installationsprozess von Jenkins unter Linux

Inhaltsverzeichnis 1. Installieren Sie JDK 2. Jen...

Schritte zum Aktivieren von TLS in Docker für eine sichere Konfiguration

Vorwort Ich hatte zuvor die 2375 Remote API von D...

Lösen Sie das Problem des Mac Docker x509-Zertifikats

Frage Kürzlich musste ich mich bei einem privaten...

Implementierung eines einfachen Karussells auf Basis von JavaScript

In diesem Artikel wird der spezifische JavaScript...

So verpacken Sie das Uniapp-Projekt als Desktop-Anwendung

Electron installieren cnpm installiere Electron -...