Selon la norme nouvellement définie, le document.
<script linguisse = "javascript">
Fonction getInfo ()
{{
var s = "";
S + = "Les pages Web sont la largeur de zone visible:" + document.body.clientwidth ;
S + = "Page Web Visible Zone High:" + Document.Body.ClientHeight ;
S + = "Page Web Visible Area Largeth:" + document.body.offsetwidth + "(y compris la largeur de la barre Edge et Scroll)";
S + = "zone Web Visible zone:" + document.body.offsetheight + "(y compris la largeur du bord)";
S + = "Texte de page Web Largeur du texte intégral:" + document.body.scrollwidth;
S + = "Texte de page Web High Text High:" + dcument.body.scrollHeight;
S + = "ff) qui est déplacé de la page Web:" + document.body.scrolltop;
S + = "IE):" + document.DocumentElement.ScrollTop;
S + = "Les pages Web sont enroulées à gauche:" + document.body.scrollleft;
S + = "Pièce de texte de la page Web:" + Window.ScreentOp;
S + = "page Web la partie de texte à gauche:" + window.screenLeft;
S + = "Résolution d'écran élevé:" + Window.Screen.Height;
S + = "Largeur de résolution d'écran:" + window.screen.width;
S + = "Écran disponible sur la zone de travail:" + window.screen.availight;
S + = "Écran disponible sur zone de travail Largeur:" + window.screen.availwidth;
S + = "Vos paramètres d'écran sont" + window.screen.colordepth + "Bit Color";
S + = "Vos paramètres d'écran" + fenêtre.screen.devicexdpi + "pixel / pouce";
alerte (s);
}
getInfo ();
</cript>
Dans les tests locaux:
Vous pouvez l'utiliser sous IE, Firefox, Opera
document.body.clientwidth
document.body.clitingheight
Il peut être obtenu, très simple et pratique.
Et dans le projet d'entreprise:
L'opéra utilise toujours
document.body.clientwidth
document.body.clitingheight
Mais IE et Firefox sont utilisés
document.DocumentElement.ClientWidth
document.DocumentElement.ClientHeight
< !
Si vous ajoutez cette ligne à la page
Dans IE:
document.body.clientwidth ==> Largeur d'objet corporel
document.body.clitingheight ==> hauteur de l'objet corporel
document.DocumentElement.ClientWidth ==> Largeur de zone visible
document.DocumentElement.ClientHeight ==> Hauteur de la zone visible
Dans Firefox:
document.body.clientwidth ==> Largeur d'objet corporel
document.body.clitingheight ==> hauteur de l'objet corporel
document.DocumentElement.ClientWidth ==> Largeur de zone visible
document.DocumentElement.ClientHeight ==> Hauteur de la zone visible
Dans l'opéra:
document.body.clientwidth ==> largeur de zone visible
document.body.clitingheight ==> hauteur de zone visible
document.DocumentElement.ClientWidth ==> Page Largeur d'objet (c'est-à-dire la largeur de l'objet corps plus la largeur de marge)
document.DocumentElement.ClientHeight == >> Hauteur de l'objet de la page (c'est-à-dire la hauteur de l'objet corps plus la marge supérieure)
Supposons que l'OBJ soit un contrôle HTML.
OBJ.OffsetTop fait référence à la position, en entier et en pixel unité du contrôle supérieur ou supérieur.
Obj.offsetleft fait référence à la position, en entier, un pixel unitaire des commandes gauche ou supérieure.
OBJ.OffsetWidth fait référence à la largeur, entier, pixel unitaire du contrôle OBJ lui-même.
Obj.offsetheight fait référence à la hauteur, en entier, un pixel d'unité de contrôle OBJ lui-même.
Nous expliquons les «couches supérieures ou supérieures» et «couches gauche ou supérieure» mentionnée plus tôt.
Par exemple:
<div id = "Tool">
<input type = "bouton" value = "soumettre">
<input type = "bouton" value = "reset">
</div>
Le décalage du bouton "Soumettre" fait référence à la distance entre la couche "outil" sur la couche "Tool", car la plus proche de la trame supérieure de la couche "Tool" la plus proche.
Le décalage du bouton "Réinitialiser" fait référence à la distance entre la couche "outil" sur la couche "outil", car la plus proche de la trame supérieure de la couche "outil" la plus proche de lui.
Le décalage du bouton "Soumettre" fait référence à la distance entre la couche "outil" du bouton "Soumettre", car le côté gauche de la couche "outil" le plus proche du côté gauche de la couche "outil" est la gauche.
Le décalage du bouton "Réinitialiser" fait référence à la distance du bouton "Soumettre" du bouton "Soumettre", car le cadre droit du bouton "Soumettre" le plus proche est le côté droit du bouton "Soumettre".
OffsetTop peut obtenir la position de l'élément HTML par rapport au-dessus ou l'élément extérieur, et le style est également possible.
1. OffsetTop renvoie les numéros, tandis que Style.Top renvoie une chaîne.
2. Offsetop est lu uniquement, tandis que le style.top peut être lu et écrire.
Troisièmement, si vous ne spécifiez pas le style supérieur pour l'élément HTML, le style.top renvoie une chaîne vide.
Offsetleft et style.left, offsetwidth et style.width, offSetheight et style.head sont les mêmes.
ScrollHeight: Obtenez la hauteur de défilement de l'objet.
Scrollleft: réglez ou obtenez la distance entre l'extrémité gauche du contenu actuellement visible dans la limite gauche et la fenêtre de l'objet
ScrollTop: réglez ou obtenez la distance entre le haut de l'objet et le haut de la fenêtre dans la fenêtre
ScrollWidth: Obtenez la largeur de défilement de l'objet
Offsetheight: La hauteur des coordonnées parentales spécifiées par l'attribut offsetParent par l'objet d'obtention
Offsetleft: pour la position de la gauche de la coordonnée patriarcale de la coordonnée patriarcale spécifiée par l'attribut de compt-cartaine
Offsettop: la position supérieure du calcul de la coordonnée patriarcale du modèle spécifié par l'attribut OffsetOP
Coordonnées horizontales de Event.Clientx de documents relatifs
Coordonnées verticales de l'événement des documents relatifs
Event.offsetx coordonnées horizontales de conteneurs relatifs
Coordonnées verticales de offsety
document.documemenelement.scrolltop valorisé vallée vallée
Event.clientx + document.DocumentElement.scrollTop L'étiquette de siège horizontale du document relatif + la quantité de roulement vertical roulant
Ce qui précède se réfère principalement à la différence entre le Firefox dans IE: comme suit:
IE6.0, FF1.06 +:
ClientWidth = largeur + rembourrage
ClientHeight = hauteur + rembourrage
OffsetWidth = largeur + rembourrage + bordure
OffSetheight = hauteur + rembourrage + bordure
IE5.0 / 5.5:
ClientWidth = Largeur -
ClientHeight = High
OffsetWidth = Largeur
Offsetheight = hauteur
(Besoin de mentionner: les attributs de marge dans CSS ne sont pas liés à la largeur du client, à la largeur de la clientèle, à la clientèle, à l'officier)