Dynamisches HTML

Dynamisches HTML, oder DHTML, ist ein Begriff, der von einigen Browser -Anbietern verwendet wurde, um die Kombination von HTML, Stilblättern und zu beschreiben Client-Seite-Skripte (JavaScript, VBScript oder andere unterstützte Skripte), die die Erstellung interaktiver und animierter Dokumente ermöglichten.[1][2] Die Anwendung von DHTML wurde von eingeführt von Microsoft mit der Veröffentlichung von Internet Explorer 4 in 1997.

DHTML ermöglicht die Änderung von Skriptsprachen Variablen In der Definitionssprache einer Webseite, die wiederum den Aussehen und die Funktion von ansonsten "statischer" HTML -Seiteninhalt beeinflusst, wurde nach voll geladener Seite und während des Betrachtungsprozesses. Das dynamische Merkmal von DHTML ist daher die Art und Weise, wie sie funktioniert, während eine Seite angezeigt wird, und nicht in ihrer Fähigkeit, mit jeder Seite eine eindeutige Seite zu generieren.

Dagegen a Dynamische Webseite ist ein breiteres Konzept, das eine Webseite abdeckt, die für jeden Benutzer unterschiedlich generiert wird, das Vorkommen oder spezifische Variablenwerte lädt. Dies beinhaltet Seiten, die von Client-Side-Skripting erstellt wurden, und die von erstellten Seiten serverseitiges Skripting (wie zum Beispiel Php, Python, JSP oder ASP.NET) wobei der Webserver Inhalte generiert, bevor er ihn an den Client sendet.

DHTML ist Vorgänger von Ajax und DHTML-Seiten sind immer noch anfordert/neu load basiert. Nach dem DHTML -Modell gibt es möglicherweise keine Interaktion zwischen dem Client und dem Server, nachdem die Seite geladen wurde. Die gesamte Verarbeitung erfolgt auf der Clientseite. Im Gegensatz dazu erweitert AJAX die Funktionen von DHTML, um die Seite zu ermöglichen, Netzwerkanforderungen (oder 'Subrequest') auf den Server zu initiieren, auch nach dem Laden von Seiten, um zusätzliche Aktionen auszuführen. Wenn beispielsweise mehrere Registerkarten auf einer Seite vorhanden sind, lädt der reine DHTML -Ansatz den Inhalt aller Registerkarten und zeigt dann nur die aktive an, während Ajax jede Registerkarte nur laden kann, wenn sie wirklich benötigt wird.

Verwendet

DHTML ermöglicht es den Autoren, ihren Seiten Effekte hinzuzufügen, die ansonsten schwer zu erreichen sind, indem sie das ändern Dokumentobjektmodell (DOM) und Seitenstil. Die Kombination von HTML, CSS und JavaScript bietet Möglichkeiten zu:

  • Text und Bilder in ihrem Dokument animieren.
  • Einbetten Sie einen Ticker oder eine andere dynamische Anzeige ein, die den Inhalt automatisch mit den neuesten Nachrichten, Aktienzitaten oder anderen Daten aktualisiert.
  • Verwenden Sie ein Formular, um die Benutzereingaben zu erfassen, und verarbeiten Sie diese Daten, verarbeiten und reagieren Sie dann auf die Daten, ohne Daten an den Server zurücksenden zu müssen.
  • Fügen Sie Rollover-Tasten oder Dropdown-Menüs ein.

Eine geringere Verwendung besteht darin, Browser-basierte Actionspiele zu erstellen. Obwohl in den späten 1990er und frühen 2000er Jahren eine Reihe von Spielen mit DHTML erstellt wurden, machten die Unterschiede zwischen den Browsern dies schwierig: Viele Techniken mussten in Code implementiert werden, damit die Spiele auf mehreren Plattformen arbeiten können. In jüngster Zeit konvergierten Browser gegenüber Webstandards, was das Design von DHTML -Spielen realisierbar gemacht hat. Diese Spiele können in allen großen Browsern gespielt werden und auch auf sie portiert werden Plasma zum Kde, Widgets für Mac OS und Geräte für Windows Vista, die auf DHTML -Code basieren.

Der Begriff "DHTML" ist in den letzten Jahren nicht mehr in Gebrauch gekommen, da er mit Praktiken und Konventionen verbunden war, die dazu neigten, zwischen verschiedenen Webbrowsern nicht gut zu funktionieren.[3]

DHTML -Unterstützung mit umfangreichem DOM -Zugang wurde mit eingeführt Internet Explorer 4.0. Obwohl es ein grundlegendes dynamisches System mit gab Netscape Navigator 4.0Es wurden nicht alle HTML -Elemente im DOM dargestellt. Als die Techniken im DHTML-Stil weit verbreitet wurden, machte sie unterschiedliche Unterstützung bei den Webbrowsern für die beteiligten Technologien schwer zu entwickeln und debuggen. Die Entwicklung wurde einfacher, wenn Internet Explorer 5.0+, Mozilla Firefox 2.0+ und Oper 7.0+ verabschiedete eine gemeinsame Nutzung Dom geerbt von ECMaskript.

In jüngerer Zeit, JavaScript -Bibliotheken wie zum Beispiel JQuery haben viele der täglichen Schwierigkeiten bei der Cross-Browser-Dom-Manipulation abstrahiert.

Struktur einer Webseite

Siehe auch: DOM -Ereignisse

In der Regel wird eine Webseite mit DHTML auf folgende Weise eingerichtet:

 <html Lang="en"> <Kopf>  <Meta Charset="UTF-8">  <Titel>DHTML -BeispielTitel> Kopf> <Karosserie BGColor="rot">  <Skript>  Funktion drin() {  Lassen myobj = dokumentieren.GetElementById("Navigation");  // ... Myobj manipulieren  }  Fenster.Onload = drin;  Skript>