Heim > Web-Frontend > Front-End-Fragen und Antworten > Ist das Javascript-Dokumentobjektmodell ein Baumtyp?

Ist das Javascript-Dokumentobjektmodell ein Baumtyp?

青灯夜游
Freigeben: 2021-11-08 16:23:45
Original
2519 Leute haben es durchsucht

Das JavaScript-Dokumentobjektmodell ist ein Baum. Document Object Model (DOM) ist eine Standard-Programmierschnittstelle zur Verarbeitung erweiterbarer Auszeichnungssprachen, die von der W3C-Organisation empfohlen wird. Es handelt sich um ein baumbasiertes API-Dokument.

Ist das Javascript-Dokumentobjektmodell ein Baumtyp?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In JavaScript ist das Dokumentobjektmodell ein Baum.

Document Object Model (DOM) ist eine Standard-Programmierschnittstelle zur Verarbeitung erweiterbarer Auszeichnungssprachen, die von der W3C-Organisation empfohlen wird. DOM ist ein baumbasiertes API-Dokument.

  • Dokument: eine real existierende Datei wie zum Beispiel: Webseitendatei (HTML-Text)

  • Objekt: eine unabhängige Datensammlung wie zum Beispiel: Dokumentobjekt, eine Datensammlung von Elementen und Inhalten im Dokument

  • Modell: Dokumentobjekt wird als Baummodell dargestellt. In diesem Baummodell werden die Elemente und der Inhalt der Webseite als Knoten dargestellt.

  • Übergeordnetes Fensterobjekt und Das übergeordnete Fenster, das ein bestimmtes Fenster enthält, hat dieselbe Bedeutung wie das Verweisen auf das aktuelle Fenster: bezieht sich auf das oberste Browserfenster in einer Reihe verschachtelter Fenster .frames: ein Array aller im Fenster enthaltenen Frame-Objekte Adresse, die dem Fensterobjektereignis zugeordnet ist: Fensterereignisobjekt (nur für IE) Name: Fenstername Öffner: Stellt das Fensterobjekt dar, das das Fenster öffnet. Standardstatus: Der Standardwert der Fensterstatusleiste. Status: Die Fensterstatusleiste zeigt Informationen an. Navigator: Wird zum Abrufen von Browserinformationen verwendet. AppName „Netscape“ für Mozilla „Microsoft Internet Explorer“ für IE

1 (1).png

Window-Objektmethode

Ist das Javascript-Dokumentobjektmodell ein Baumtyp?alert (): Warndialogfeld

confirm(): Bestätigungsdialogfeld prompt(): Informationen Eingabedialogfeld

    close(): Fenster schließen
  • blur(): Fenster verliert den Fokus

    focus(): Fenster erhält Fokus

  • open(): Öffnet ein neues Fenster und erstellt ein neues Fensterobjekt
  • showModalDialog() : Öffnen Sie ein modales Dialogfeld

    showModelessDialog(): Öffnen Sie ein nicht-modales Dialogfeld

    dialog über das Fenster dialogArguments, um die übergebenen Parameter abzurufen

    Das Dialogfeld gibt Informationen an das Fenster zurück, das das modale Dialogfeld über das Fenster geöffnet hat .returnValue. Sie können das Objekt zurückgeben, um das Öffnen eines neuen Fensters zu verhindern (z. B. das Absenden eines Formulars):

    Attribute des Dokumentobjekts

    title: Legen Sie den Dokumenttitel fest, äquivalent zum HTML-Tag

    <p>bgColor: Legen Sie die Hintergrundfarbe der Seite fest, entsprechend dem Attribut bgcolor im </p> tag

    alinkColor: Legt die Farbe des aktiven Links fest (der Fokus liegt auf diesem Link)

    linkColor: Legt die Farbe des nicht angeklickten Links fest

    vlinkColor: Legt die Farbe des angeklickten Links fest Linkfarbe

    URL: URL von die Dokumentformulare: Array von Formularobjekten, entsprechend dem

    -Tag
  • links: Array von Linkobjekten, entsprechend dem -Tag
  • anchors: Ankerobjekte Array, entsprechend der Markierung

    images: Array von Bildobjekten, entsprechend der Markierung Ist das Javascript-Dokumentobjektmodell ein Baumtyp?

    close(): wird zum Schließen verwendet aktuelles Fenster Anderes Fenster als

    write(): Inhalt dynamisch auf die Seite schreiben

    getElementById(): Objekt mit dem angegebenen ID-Wert abrufen

    getElementsByName(): Objekt mit dem angegebenen Namenswert abrufen, Array zurückgeben

    getElementsByTagName("tr"): Ruft das Objekt des angegebenen TagName ab und gibt das Array zurück.

    createElement(): Erstellt das angegebene HTML-Tag-Objekt. var obj =createElement("input");

    history object

  • Attribute
  • current: im Fenster Die URL des aktuell angezeigten Dokuments

    Methode

    back(): Laden der vorherigen Seite in der Verlaufstabelle, entspricht dem Klicken auf die Zurück-Schaltfläche des Browsers

  • forward(): Laden Sie den Verlauf. Die nächste Seite in der Tabelle, entspricht dem Klicken auf die Schaltfläche „Vorwärts“ im Browser.

go(string): Laden Sie das aktuellste Dokument in der Verlaufstabelle, dessen URL-Zeichenfolge diesen Teilstring enthält

    go(n): Wenn n>0, lade das n-te Dokument aus der Vergangenheit in die Verlaufstabelle; wenn n=0, lade das aktuelle Dokument, wenn n

Standortobjekt

    Attribut
  • Hash
  • Host
  • Hostname
  • href

Methode

  • assign(url): Wenn die URL direkt einem Standort zugewiesen wird, ruft JavaScript diese Methode auf

  • reload(): Fenster neu laden

  • replace(): Fenster ersetzen

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonIst das Javascript-Dokumentobjektmodell ein Baumtyp?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage