Detaillierte Erläuterung der Verwendung von Dokumentobjekten in JavaScript_Grundkenntnisse

Objekteigenschaften

Code kopieren Der Code lautet wie folgt:

document.title                             // Legen Sie den Dokumenttitel fest, der dem HTML-Tag

============================================= === ======================

Körper-Körper-Unterobjekt

Code kopieren Der Code lautet wie folgt:

document.body                                                                            //Angabe des Anfangs und Endes des Dokumentkörpers entspricht
document.body.bgColor //Hintergrundfarbe hinter dem Objekt festlegen oder abrufen
document.body.link //Farbe nicht angeklickter Links
document.body.alink //Die Farbe des aktiven Links (der Fokus liegt auf diesem Link)
document.body.vlink //Farbe der angeklickten Links
document.body.text //Textfarbe
document.body.innerText //Legen Sie den Text zwischen ...
fest document.body.innerHTML //Legen Sie den HTML-Code zwischen ...
fest document.body.topMargin //Oberer Seitenrand
document.body.leftMargin //Linker Seitenrand
document.body.rightMargin //Rechter Seitenrand
document.body.bottomMargin //Unterer Seitenrand
document.body.background //Hintergrundbild
document.body.appendChild(oTag) //Erzeuge dynamisch ein HTML-Objekt

Allgemeine Objektereignisse

Code kopieren Der Code lautet wie folgt:

document.body.onclick="func()" //Klicken mit dem Mauszeiger auf das Objekt wird ausgelöst
document.body.onmouseover="func()" //Wird ausgelöst, wenn sich der Mauszeiger zum Objekt bewegt
document.body.onmouseout="func()" //Wird ausgelöst, wenn sich der Mauszeiger aus dem Objekt bewegt

============================================= === ======================

Standort-Standort-Unterobjekt

Code kopieren Der Code lautet wie folgt:

document.location.hash // Der Teil nach #
document.location.host //Domänenname Portnummer
document.location.hostname // Domänenname
document.location.href // Vollständige URL
document.location.pathname // Verzeichnisteil
document.location.port // Portnummer
document.location.protocol // Netzwerkprotokoll (http:)
document.location.search // Der Teil nach ?

Allgemeine Objektereignisse

Code kopieren Der Code lautet wie folgt:

documenty.location.reload() //Aktualisieren Sie die Webseite
document.location.reload(URL) //Eine neue Webseite öffnen
document.location.assign(URL) //Eine neue Webseite öffnen
document.location.replace(URL) //Eine neue Webseite öffnen

============================================= === ======================
Bildersammlung (Bilder auf der Seite)
a) Referenz über Sammlung

Code kopieren Der Code lautet wie folgt:

document.images                                                                                                                                                                                         document.images.length //Die Anzahl der -Tags auf der entsprechenden Seite
document.images[0] //Das erste -Tag
document.images //Das i-1th -Tag

b) Verweisen Sie direkt über das Namensattribut auf

Code kopieren Der Code lautet wie folgt:

document.images.oImage //document.images.name-Attribut

c) Verweisen Sie auf das src-Attribut des Bildes

Code kopieren Der Code lautet wie folgt:

document.images.oImage.src //document.images.name attribute.src

d) Erstellen Sie ein Bild

Code kopieren Der Code lautet wie folgt:

var oImage
oImage = new Image()
document.images.oImage.

Erstellen Sie gleichzeitig einen -Tag auf der Seite, um sie entsprechend anzuzeigen

Beispielcode (dynamische Erstellung von Bildern):

Code kopieren Der Code lautet wie folgt:

============================================= === =====================

Formularsammlung (Formulare auf der Seite)
a) Referenz über Sammlung

Code kopieren Der Code lautet wie folgt:

document.forms                                                                                                                                               // Das

-Tag
auf der entsprechenden Seite document.forms.length //Die Anzahl der

-Tags auf der entsprechenden Seite
document.forms[0] //Das erste

-Tag
document.forms        //Das i-1te

-Tag
document.forms.length //Die Anzahl der Steuerelemente im i-1.

document.forms.elements[j] //Das j-1te Steuerelement
im i-1ten

-------------------------------
b) Verweisen Sie direkt über das Tag-Namensattribut auf

Code kopieren Der Code lautet wie folgt:

document.Myform.myctrl //document.form name.control name

-------------------------------
c) Auf Formularattribute zugreifen

Code kopieren Der Code lautet wie folgt:

document.forms.name                                                        // Entspricht dem Attribut

document.forms.action                                              // Entspricht dem

-Attribut
document.forms.encoding //entspricht

attribute
document.forms.target //entspricht dem Attribut

document.forms.appendChild(oTag) //Ein Steuerelement dynamisch einfügen

------------------------------- Beispielcode (Formular):

Code kopieren Der Code lautet wie folgt:

------------------------------- Beispielcode (Kontrollkästchen):

Code kopieren Der Code lautet wie folgt:

1 
2 

 
 
ddd


-------------------------------
Beispielcode (Auswählen):

Code kopieren

Der Code lautet wie folgt:

1

2
3










============================================= === ======================
Div-Sammlung (Ebenen auf der Seite)

Code kopieren

Der Code lautet wie folgt:

Texte

document.all.oDiv                                                                                                                                                                                                                                                document.all.oDiv.style.display="" //Définir le calque comme visible
document.all.oDiv.style.display="none" //Définir le calque sur caché
document.getElementId("oDiv") //Référencez l'objet via getElementId
document.getElementId("oDiv").
document.getElementId("oDiv").display="none"
/*document.all représente la collection de tous les objets du document
Seul IE prend en charge cet attribut, il est donc également utilisé pour déterminer le type de navigateur*/

4 propriétés de l'objet calque

Copier le code Le code est le suivant :

document.getElementById("ID").innerText //Texte de sortie dynamique
document.getElementById("ID").innerHTML //Sortie dynamique HTML
document.getElementById("ID").outerText //Identique à innerText
document.getElementById("ID").outerHTML //Identique à innerHTML

-------------------------------

Exemple de code :

Copier le code Le code est le suivant :

changement de fonction(){
document.all.oDiv.style.display="none"
>

Texte

fonction changeText(){
document.getElementById("oDiv").innerText="NewText"
>

Text