Objekteigenschaften
Die Codekopie lautet wie folgt:
document.title // Setzen Sie das <title> -Tag, das HTML entspricht
document.bgcolor // Setzen Sie die Seitenhintergrundfarbe
document.fgcolor // Setzen Sie die Vordergrundfarbe (Textfarbe)
document.linkcolor // Unclicked Link Farbe
document.alinkcolor // Aktivieren Sie die Farbe des Links (Fokus auf diesen Link)
document.vlinkcolor // Klickte Link Color
document.url // URL -Eigenschaften festlegen, um eine andere Webseite im selben Fenster zu öffnen
document.FilecreatedDate // Dateierstellung Datum, schreibgeschütztes Attribut
document.filemodifiedDate // Dateiänderung Datum, schreibgeschütztes Attribut nur schreibgeschützt
document.FileSize // Dateigröße, schreibgeschütztes Attribut nur
document.cookie // Cookies einstellen und lesen
document.charset // Setzen Sie den Zeichensatz vereinfachtes Chinesisch: GB2312
=======================================================ieben
Körper-Subjekt
Die Codekopie lautet wie folgt:
document.body // Der Anfang und das Ende des angegebenen Dokumentkörpers entsprechen <body> </body>
document.body.bgcolor // die Hintergrundfarbe hinter dem Objekt festlegen oder abrufen
document.body.link // Unclicked Link Farbe
document.body.alink // die Farbe des Links aktivieren (Fokus auf diesen Link)
document.body.vlink // klickte auf Linkfarbe klickte
document.body.text // Textfarbe
document.body.Innertext // den Text zwischen <body> ... </body> festlegen
document.body.innerhtml // HTML -Code zwischen <body> ... </body> festlegen
document.body.topmargin // Page Margin
document.body.leftmargin // Seite linker Rand
document.body.rightmargin // Seite rechts Rand
document.body.bottommargin // Margin auf der Seite
document.body.background // Hintergrundbild
document.body.appendchild (OTAG) // Dynamisch ein HTML -Objekt generieren
Gemeinsame Objektereignisse
Die Codekopie lautet wie folgt:
document.body.onclick = "func ()" // Der Mauszeiger klickt auf das Objekt wird ausgelöst
document.body.onmouseover = "func ()" // blitzte, wenn sich der Mauszeiger zum Objekt bewegt
document.body.onmouseout = "func ()" // blitzte, wenn der Mauszeiger aus dem Objekt verschoben wird
=======================================================ieben
Subjektort der Standortposition
Die Codekopie lautet wie folgt:
document.location.hash // das Teil nach Nummer # #
document.location.host // Domänenname + Portnummer
document.location.hostname // Domänenname
document.location.href // URL komplette
document.location.PathName // Verzeichnisteil
document.location.port // Portnummer
document.location.protocol // Netzwerkprotokoll (http :)
document.location.search // das Teil nach dem? Nummer
Gemeinsame Objektereignisse
Die Codekopie lautet wie folgt:
documenty.location.reload () // Die Webseite aktualisieren
document.location.reload (URL) // eine neue Webseite öffnen
document.location.assign (URL) // Öffnen Sie eine neue Webseite
document.location.replace (URL) // eine neue Webseite öffnen
=======================================================ieben
Bildersammlung (Bilder in Seite)
a) Referenz durch Sammlung
Die Codekopie lautet wie folgt:
document.images // das <img> Tag auf der entsprechenden Seite
document.images.length // Die Anzahl der <img> Tags auf der entsprechenden Seite
document.images [0] // das erste <img> tag
document.images // i-1 <img> Tag
b) direkte Referenz durch das Namensattribut
Die Codekopie lautet wie folgt:
<img name = "oimage">
document.images.oimage //document.images.name Eigenschaft
c) SRC -Attribut des Referenzbildes
Die Codekopie lautet wie folgt:
document.images.oimage.src //document.images.name Attribute.src
d) Erstellen Sie ein Bild
Die Codekopie lautet wie folgt:
var oimage
oimage = neues Bild ()
document.images.oimage.src = "1.jpg"
Erstellen Sie gleichzeitig ein <img> -Tag auf der Seite und es kann angezeigt werden
Beispielcode (dynamische Erstellung):
Die Codekopie lautet wie folgt:
<html>
<img name = oimage>
<script Language = "JavaScript">
var oimage
oimage = neues Bild ()
document.images.oimage.src = "1.jpg"
</script>
</html>
<html>
<script Language = "JavaScript">
oimage = document.caeateLement ("img")
oimage.src = "1.jpg"
document.body.appendchild (oimage)
</script>
</html>
=========================================================ieben
Formularesammlung (Formulare auf Seite)
a) Referenz durch Sammlung
Die Codekopie lautet wie folgt:
document.forms // das <form> -Tag auf der entsprechenden Seite
document.forms.length // Die Anzahl der <form> -Tags auf der entsprechenden Seite
document.forms [0] // das erste <form> tag
document.forms // i-1 <Formular> Tag
document.forms.length // Anzahl der Steuerelemente im i-1th <form>
document.forms.elemente [j] // die j-1st-Steuerung im i-1th <form>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
b) Direkte Referenz über das Attribut des Tag -Namens
Die Codekopie lautet wie folgt:
<Formular name = "myForm"> <input name = "myctrl"> </form>
document.myform.myctrl //document.form name.control Name
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
c) Zugangsformulareigenschaften
Die Codekopie lautet wie folgt:
document.forms.name // entsprechend dem Attribut <Formularname> entspricht
document.forms.action // entsprechend dem Attribut <Formular Aktion> entspricht
document.Forms.encoding // entsprechend dem Attribut <Formular Enctype>
document.forms.target // entsprechend dem Attribut <Formularziel> entsprechend
document.Forms.appendchild (OTAG) // Dynamisch eine Steuerung einfügen
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Beispielcode (Formular):
Die Codekopie lautet wie folgt:
<html>
<!-Textkontrollbezogene Skript->
<Formular name = "myForm">
<Eingabe type = "text" name = "otext">
<Eingabe type = "Passwort" name = "opswd">
<form>
<script Language = "JavaScript">
// Erhalten Sie den Wert des Textkennwortfelds
document.write (document.myform.otext.value)
document.write (document.myform.opswd.value)
</script>
</html>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Beispielcode (Kontrollkästchen):
Die Codekopie lautet wie folgt:
<html>
<!-Kontrollkästchen, Radio-Steuerungs-Skript->
<Formular name = "myForm">
<Eingabe type = "checkBox" name = "chk" value = "1"> 1
<Eingabe type = "checkBox" name = "chk" value = "2"> 2
</form>
<script Language = "JavaScript">
Funktion Fun () {
// Überweisen Sie den Kontrollkästchen -Steuerwert und bestimmen Sie, ob er ausgewählt ist
var Länge
Länge = document.forms [0] .Chk.length
für (i = 0; i <länge; i ++) {
v = document.forms [0] .Chk.value
b = document.Forms [0] .Chk.Conted
if (b)
alarm (v = v+"ausgewählt"))
anders
alarm (v = v+"nicht ausgewählt")
}
}
</script>
<a href =# onclick = "fun ()"> ddd </a>
</html>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Beispielcode (auswählen):
Die Codekopie lautet wie folgt:
<html>
<!-Wählen Sie das Skript mit Kontrollbeamten->
<Formular name = "myForm">
<select name = "oselect">
<Option Value = "1"> 1 </Option>
<Option Value = "2"> 2 </Option>
<Option Value = "3"> 3 </Option>
</select>
</form>
<script Language = "JavaScript">
// Übertragen Sie das Optionselement der Option der Steuerelemente aus
var Länge
Länge = document.myform.oSelect.length
für (i = 0; i <Länge; i ++)
document.write (document.myform.oSelect.Value)
</script>
<script Language = "JavaScript">
// Übertragen Sie das Optionselement und bestimmen Sie, ob eine Option ausgewählt ist
für (i = 0; i <document.myform.oSelect.length; i ++) {
if (document.myform.oSelect.Selected! = true)
document.write (document.myform.oSelect.Value)
anders
document.write ("<font color = rot>"+document.myform.oSelect.Value+"</font>")
}
</script>
<script Language = "JavaScript">
// Drucken Sie die ausgewählte Option gemäß SelectedIndex aus
// (0 bis document.myform.oSelect.length-1)
i = document.myform.oSelect.SelectedIndex
document.write (document.myform.oSelect.Value)
</script>
<script Language = "JavaScript">
// erhöhen
var ooption = document.createelement ("option");
ooption.text = "4";
ooption.Value = "4";
document.myform.oSelect.add (ooption);
</script>
<html>
=======================================================ieben
DIV -Sammlung (Ebenen in Seite)
Die Codekopie lautet wie folgt:
<Div id = "odiv"> text </div>
document.all.odiv // Referenzschicht ODIV
document.all.odiv.style.display = "" // Die Ebene ist auf visuell eingestellt
document.all.odiv.style.display = "none" // Die Ebene ist so eingestellt, dass sie sich verstecken können
document.getElementId ("odiv") // Referenzobjekt durch GetElementID
document.getElementId ("odiv").
document.getElementId ("odiv"). display = "Keine"
/* document.all repräsentiert eine Sammlung aller Objekte im Dokument
Nur der IE unterstützt dieses Attribut, daher wird es auch verwendet, um den Browsertyp*/ zu bestimmen
4 Eigenschaften des Schichtobjekts
Die Codekopie lautet wie folgt:
document.getElementById ("id"). InnerText // Dynamischer Ausgangstext
document.getElementById ("id"). Innerhtml // Dynamic Output HTML
document.getElementById ("id"). äußerext // gleiche InnerText
document.getElementById ("id"). outerhtml // gleich wie bei Innerhtml
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Beispielcode:
Die Codekopie lautet wie folgt:
<html>
<script Language = "JavaScript">
function change () {
document.all.odiv.style.display = "Keine"
}
</script>
<Div id = "odiv" onclick = "change ()"> text </div>
</html>
<html>
<script Language = "JavaScript">
function changeText () {
document.getElementById ("odiv"). Innutext = "NewText"
}
</script>
<Div id = "odiv" onmouseover = "changeText ()"> text </div>
</html>