Propriétés de l'objet
La copie de code est la suivante:
Document.Title // Définissez la balise <Title> qui équivaut à HTML
document.bgColor // Définissez la couleur de l'arrière-plan de la page
document.fgcolor // Définissez la couleur de premier plan (couleur texte)
document.LinkColor // Couleur de lien non cliqué
Document.AlinkColor // Activez la couleur du lien (Focus sur ce lien)
document.vlinkColor // Cliquez sur la couleur du lien
document.url // Définir les propriétés d'URL pour ouvrir une autre page Web dans la même fenêtre
Document.FileCreatedDate // Date de création de fichiers, attribut en lecture seule
Document.FileModifiedDate // Date de modification du fichier, attribut en lecture seule
document.filesize // Taille de fichier, attribut en lecture seule
document.cookie // définir et lire des cookies
Document.Charset // Définir le jeu de caractères chinois simplifié: GB2312
======================================================================================================================.
sujet de carrosserie
La copie de code est la suivante:
Document.body // Le début et la fin du corps de document spécifié sont équivalents à <body> </body>
document.body.bgcolor // Définissez ou obtenez la couleur d'arrière-plan derrière l'objet
document.body.link // Couleur de lien non cliqué
document.body.alink // Activez la couleur du lien (Focus sur ce lien)
document.body.vlink // Cliquez sur la couleur du lien
document.body.text // couleur texte
document.body.innertext // Définissez le texte entre <body> ... </ body>
document.body.innerhtml // Définissez le code HTML entre <body> ... </odyfing>
document.body.topmargin // marge de page
Document.body.leftmargin // PAGE MARGE gauche
document.body.RightMargin // PAGE Marge droite
document.body.bottommargin // marge sur la page
Document.body.background // Image d'arrière-plan
Document.Body.ApendChild (OTAG) // Générez dynamiquement un objet HTML
Événements d'objets communs
La copie de code est la suivante:
document.body.onclick = "func ()" // Le pointeur de la souris clique sur l'objet qui est déclenché
document.body.onmouseover = "func ()" // a flashé lorsque le pointeur de la souris se déplace vers l'objet
document.body.onmouseout = "func ()" // a flashé lorsque le pointeur de la souris est déplacé de l'objet
======================================================================================================================.
Sous-objet de position de localisation
La copie de code est la suivante:
document.location.hash // La partie après le numéro #
document.location.host // nom de domaine + numéro de port
document.location.hostname // nom de domaine
document.location.href // URL complète
document.location.pathname // partie du répertoire
document.location.port // numéro de port
Document.Location.ProtoCol // Protocole réseau (HTTP :)
document.location.search // La pièce après le? nombre
Événements d'objets communs
La copie de code est la suivante:
documenty.location.reload () // actualisez la page Web
document.location.reload (URL) // Ouvrez une nouvelle page Web
document.location.assign (URL) // Ouvrez une nouvelle page Web
document.location.replace (URL) // Ouvrez une nouvelle page Web
======================================================================================================================.
Collection d'images (images en page)
a) référence par la collection
La copie de code est la suivante:
Document.images // La balise <Mg> sur la page correspondante
document.images.length // Le nombre de balises <Mg> sur la page correspondante
document.images [0] // La première balise <Mg>
Document.images // I-1 <Mg> Tag
b) Référence directe via l'attribut de nom
La copie de code est la suivante:
<img name = "oimage">
document.images.oimage //document.images.name Propriété
c) Attribut Src de l'image de référence
La copie de code est la suivante:
document.images.oimage.src //document.images.name attribut.src
d) Créer une image
La copie de code est la suivante:
var oimage
oimage = nouvelle image ()
document.images.oimage.src = "1.jpg"
En même temps, créez une balise <Mg> sur la page et il peut être affiché
Exemple de code (création dynamique):
La copie de code est la suivante:
<html>
<img name = oimage>
<script linguisse = "javascript">
var oimage
oimage = nouvelle image ()
document.images.oimage.src = "1.jpg"
</cript>
</html>
<html>
<script linguisse = "javascript">
oimage = document.caeateElement ("img")
oimage.src = "1.jpg"
Document.Body.ApendChild (Oimage)
</cript>
</html>
======================================================================================================================.
Collection de formulaires (formulaires en page)
a) référence par la collection
La copie de code est la suivante:
document.forms // La balise <form> sur la page correspondante
document.forms.length // Le nombre de balises <form> sur la page correspondante
document.forms [0] // La première balise <form>
document.forms // i-1 <form> balise
Document.forms.length // Nombre de contrôles dans le i-1th <form>
Document.Forms.Elements [J] // Le contrôle J-1st dans le i-1e <form>
--------------------------------------------------------------------------------------------------------------------------------
b) Référence directe via l'attribut de nom de balise
La copie de code est la suivante:
<form name = "myform"> <input name = "myctrl"> </ form>
document.myform.myctrl //document.form name.Control Nom
--------------------------------------------------------------------------------------------------------------------------------
c) Propriétés du formulaire d'accès
La copie de code est la suivante:
Document.Forms.name // correspondant à <nom du formulaire> Attribut
Document.Forms.Action // correspondant à <formulaire d'action>
Document.Forms.encoding // correspondant à <formulaire ENCTYPE>
document.forms.target // correspondant à <formulaire de formulaire> attribut
document.forms.appendChild (OTAG) // Insérez dynamiquement un contrôle
--------------------------------------------------------------------------------------------------------------------------------
Exemple de code (formulaire):
La copie de code est la suivante:
<html>
<! - Script lié au contrôle du texte ->
<form name = "myform">
<input type = "text" name = "otext">
<entrée type = "mot de passe" name = "OPSWD">
<formulaire
<script linguisse = "javascript">
// Obtenez la valeur de la zone de mot de passe du texte
document.write (document.myform.otext.value)
document.write (document.myform.opswd.value)
</cript>
</html>
--------------------------------------------------------------------------------------------------------------------------------
Exemple de code (boîte à cocher):
La copie de code est la suivante:
<html>
<! - Checkbox, script lié à la radio ->
<form name = "myform">
<input type = "checkbox" name = "chk" value = "1"> 1
<input type = "checkbox" name = "chk" value = "2"> 2
</ form>
<script linguisse = "javascript">
fonction fun () {
// Transférer la valeur de contrôle de la case à cocher et déterminer s'il est sélectionné
longueur var
longueur = document.forms [0] .chk.length
pour (i = 0; i <du long; i ++) {
v = document.forms [0] .chk.value
b = document.forms [0] .chk.checked
si (b)
alerte (v = v + "sélectionné")
autre
alerte (v = v + "non sélectionné")
}
}
</cript>
<a href = # onclick = "fun ()"> ddd </a>
</html>
--------------------------------------------------------------------------------------------------------------------------------
Exemple de code (SELECT):
La copie de code est la suivante:
<html>
<! - Sélectionnez le script lié au contrôle ->
<form name = "myform">
<select name = "oselect">
<Option Value = "1"> 1 </ Option>
<Option Value = "2"> 2 </ Option>
<Option Value = "3"> 3 </ Option>
</lect>
</ form>
<script linguisse = "javascript">
// Transférer l'élément d'option du contrôle de sélection
longueur var
longueur = document.myform.oselect.length
pour (i = 0; i <du long; i ++)
document.write (document.myform.oselect.value)
</cript>
<script linguisse = "javascript">
// transférer l'élément d'option et déterminer si une option est sélectionnée
for (i = 0; i <document.myform.oselect.length; i ++) {
if (document.myform.oselect.selected! = true)
document.write (document.myform.oselect.value)
autre
document.write ("<font color = red>" + document.myform.oselect.value + "</font>")
}
</cript>
<script linguisse = "javascript">
// imprime l'option sélectionnée selon SelectedIndex
// (0 à document.myform.oselect.length-1)
i = document.myform.oselect.selectedIndex
document.write (document.myform.oselect.value)
</cript>
<script linguisse = "javascript">
// augmenter dynamiquement l'élément d'option du contrôle de sélection
var ooption = document.CreateElement ("Option");
ooption.text = "4";
ooption.value = "4";
document.myform.oselect.add (ooption);
</cript>
<html>
======================================================================================================================.
Collection Div (couches en page)
La copie de code est la suivante:
<Div id = "odiv"> texte </div>
document.all.odiv // Couche de référence odiv
document.all.odiv.style.display = "" // Le calque est défini sur visuel
document.all.odiv.style.display = "Aucun" // Le calque est défini pour masquer
document.getElementId ("odiv") // Objet de référence via GetElementedId
document.getElementId ("odiv").
document.getElementId ("odiv"). display = "Aucun"
/*Document.tout représente une 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 de couche
La copie de code est la suivante:
document.getElementById ("id"). Texte de sortie dynamique innertext //
document.getElementById ("id"). InnerHtml // Sortie dynamique html
document.getElementById ("id").
document.getElementByid ("id"). OUTERHTML // Identique à InnerHTML
--------------------------------------------------------------------------------------------------------------------------------
Exemple de code:
La copie de code est la suivante:
<html>
<script linguisse = "javascript">
Fonction Change () {
document.all.odiv.style.display = "Aucun"
}
</cript>
<Div id = "odiv" onclick = "change ()"> text </div>
</html>
<html>
<script linguisse = "javascript">
fonction changeText () {
document.getElementById ("odiv"). innerText = "newText"
}
</cript>
<Div id = "odiv" onMouseOver = "changolText ()"> Text </div>
</html>