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

Detaillierte Untersuchung der MySQL-Mehrversions-Parallelitätskontrolle MVCC

MVCC MVCC (Multi-Version Concurrency Control) ist...

Über das WeChat-Gleitproblem des UniApp-Editors

Das Uniapp-Applet wird ein ähnliches Dropdown-Pro...

Miniprogramm Benutzerdefinierte TabBar-Komponentenkapselung

In diesem Artikelbeispiel wird der spezifische Co...

Der vollständige Implementierungsprozess von Sudoku mit JavaScript

Inhaltsverzeichnis Vorwort So lösen Sie Sudoku Fü...

MySQL 5.7.18 Installations- und Konfigurations-Tutorial unter Windows

In diesem Artikel finden Sie das Installations- u...

Detaillierte Erklärung der Anzeigeeigenschaft im CSS-Beschriftungsmodus

Der Code sieht folgendermaßen aus: <!DOCTYPE h...

JS realisiert einfachen Bildkarusselleffekt

In diesem Artikel wird der spezifische JS-Code zu...

Hadoop 2.x vs. 3.x 22-Punkte-Vergleich, Hadoop 3.x Verbesserungen gegenüber 2.x

Fragen-Leitfaden 1. Wie toleriert Hadoop 3.x Fehl...

Vier Methoden zur Datentypbeurteilung in JS

Inhaltsverzeichnis 1. Art von 2. Instanz von 3. K...

JS realisiert den Front-End-Paging-Effekt

In diesem Artikelbeispiel wird der spezifische JS...

MySQL 8.0.20 Installations- und Konfigurations-Tutorial unter Docker

Docker installiert MySQL Version 8.0.20 zu Ihrer ...

Beispielcode zum Konvertieren von Videos mit der ffmpeg-Befehlszeile

Bevor Sie mit dem Haupttext dieses Artikels begin...

Analyse der Vorteile von path.join() in Node.js

Sie fragen sich möglicherweise, warum Sie die Met...

JavaScript zum Erreichen der Produktabfragefunktion

In diesem Artikelbeispiel wird der spezifische Ja...