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

Die perfekte Lösung für das MySql-Versionsproblem sql_mode=only_full_group_by

1. Überprüfen Sie sql_mode wählen Sie @@sql_mode ...

Implementierung von FIFO in der Linux-Prozesskommunikation

FIFO-Kommunikation (First In First Out) FIFO-Name...

Dynamischer Sternenhimmel Hintergrund umgesetzt mit CSS3

Ergebnis:Implementierungscode html <link href=...

Spezifische Verwendung von Lazy Loading und Preloading in js

Verzögertes Laden (Lazy Loading) und Vorladen sin...

Docker-Konfiguration Alibaba Cloud Container Service-Betrieb

Konfigurieren des Alibaba Cloud Docker Container ...

Ein Designer beschwert sich erneut über die offizielle Website von Hammer

Letztes Jahr war der offene Brief ein großer Erfo...

Eine kurze Diskussion über die Rolle leerer HTML-Links

Leerer Link: Das heißt, es besteht keine Verbindu...

Detaillierte Erklärung der berechneten Eigenschaften von Vue

1. Was ist ein berechnetes Attribut? Einfach ausg...

Detaillierte Erklärung zur Verwendung des Grep-Befehls in Linux

Linux-Grep-Befehl Mit dem Linux-Befehl grep könne...

Beispielcode für mehrere Elementtabellen, um synchrones Scrollen zu erreichen

Element UI implementiert mehrere Tabellen, die gl...

Von CSS 3D zur räumlichen Koordinatenachse mit Quellcode

Einmal haben wir über das Würfelspiel gesprochen....