Nach dem neu definierten Standard kann das Dokument.
<script Language = "JavaScript">
Funktion getInfo ()
{{{{
var s = "";
S + = "Webseiten sind sichtbare Flächenbreite:" + document.body.clientwidth ;
S + = "Webseite sichtbares Bereich hoch:" + document.body.clientHeight ;
S + = "Webseite sichtbare Flächenbreite:" + document.body.Offsetwidth + "(einschließlich Breite der Kante und Scroll -Balken)";
S + = "Webseite sichtbarer Bereich hoch:" + document.body.offseteight + "(einschließlich der Breite der Kante)";
S + = "Webseite Text Volltext Breite:" + document.body.scrollwidth;
S + = "Webseite Text High Text hoch:" + dcument.body.ScrollHeight;
S + = "ff), das von der Webseite weggerollt wird:" + document.body.scrolltop;
S + = "dh):" + document.documentElement.scrolltop;
S + = "Webseiten sind links aufgerollt:" + document.body.scrollLeft;
S + = "Webseite Textpart:" + Fenster.Screentop;
S + = "Webseite Der Textteil links:" + Fenster.ScreenLeft;
S + = "Hochbildmesser Auflösung:" + Fenster.Screen.Height;
S + = "Bildschirmauflösungsbreite:" + window.screen.width;
S + = "Bildschirm verfügbar Arbeitsbereich Höhe:" + Fenster.Screen.AvailHeight;
S + = "Bildschirm verfügbar Arbeitsbereich Breite:" + window.screen.availwidth;
S += "Ihre Bildschirmeinstellungen sind" +fenster.screen.colorrepth +"Bitfarbe";
s += "Ihre Bildschirmeinstellungen" +Fenster.
Warnungen;
}
GetInfo ();
</script>
In lokalen Tests:
Sie können es unter IE, Firefox, Opera verwenden
document.body.clientwidth
document.body.clitingHeight
Es kann sehr einfach und bequem erhalten werden.
Und im Firmenprojekt:
Opera noch verwendet
document.body.clientwidth
document.body.clitingHeight
Aber dh und Firefox werden verwendet
document.documentElement.clientwidth
document.documentElement.clientHeight
< !
Wenn Sie diese Zeile der Seite hinzufügen
In IE:
document.body.clientwidth ==> Körperobjektbreite
document.body.clitingHeight ==> Körperobjekthöhe
document.documentElement.clientwidth ==> sichtbare Flächenbreite
document.documentElement.clientHeight ==> sichtbare Flächenhöhe
In Firefox:
document.body.clientwidth ==> Körperobjektbreite
document.body.clitingHeight ==> Körperobjekthöhe
document.documentElement.clientwidth ==> sichtbare Flächenbreite
document.documentElement.clientHeight ==> sichtbare Flächenhöhe
In der Oper:
document.body.clientwidth ==> sichtbare Flächenbreite
document.body.clitingHeight ==> sichtbare Flächenhöhe
document.documentElement.clientwidth ==> Seitenobjektbreite (dh die Breite des Körperobjekts plus Randbreite)
document.documentElement.clientHeight == >> Seitenobjekthöhe (dh die Höhe des Körperobjekts plus Rand hoch)
Angenommen, OBJ ist eine HTML -Kontrolle.
Obj.offsettop bezieht sich auf die Position, die Ganzzahl und das Einheitspixel von der oberen oder oberen Steuerung.
Obj.OffsetLeft bezieht sich auf die Position, Ganzzahl, Einheitspixel von linken oder oberen Steuerelementen.
Obj.Offsetwidth bezieht sich auf die Breite, die Ganzzahl, die Einheitspixel der OBJ -Kontrolle selbst.
Obj.offseteight bezieht sich auf die Höhe, die Ganzzahl, die Einheitspixel der OBJ -Kontrolle selbst.
Wir erklären die zuvor erwähnten "oberen oder oberen Schichten" und "linken oder oberen Schichten".
Zum Beispiel:
<div id = "Tool">
<input type = "button" value = "subieren">
<Eingabe type = "Taste" value = "Reset">
</div>
Der Offsettop der Schaltfläche "Senden" bezieht sich auf den Abstand zwischen der Ebene "Werkzeug" auf der Ebene "Werkzeug", da der obere Rahmen der ihm am nächsten gelegenen "Werkzeug" -Schicht am nächsten liegt.
Der Offsettop der Taste "Reset" bezieht sich auf den Abstand zwischen der Ebene "Werkzeug" auf der Ebene "Werkzeug", da der obere Rahmen der ihm am nächsten gelegenen "Werkzeug" -Schicht am nächsten liegt.
Der OffsetLeft der Schaltfläche "Senden" bezieht sich auf die Entfernung zwischen der Schaltfläche "Werkzeug" der Schaltfläche "Senden", da die linke Seite der "Werkzeug" -Schicht, die der linken Seite der "Werkzeug" -Schize am nächsten liegt, die linke ist.
Der OffsetLeft der Schaltfläche "Reset" bezieht sich auf die Entfernung der Schaltfläche "Senden" von der Schaltfläche "Senden", da der richtige Bild der Schaltfläche "Senden" die rechte Seite der Taste "Senden" ist.
Offsettop kann die Position des HTML -Elements von oben oder dem äußeren Element erhalten, und der Stil ist ebenfalls möglich.
1. Offsettop gibt Zahlen zurück, während style.top eine Zeichenfolge zurückgibt.
2. Offsettop ist nur gelesen, während style.top gelesen und schreiben kann.
Drittens, wenn Sie den Top -Stil für das HTML -Element nicht angeben, gibt der Stil.Top eine leere Zeichenfolge zurück.
OffsetLeft und Style.Left, Offsetwidth und Style.width, Offseteight und Style.head sind gleich.
ScrollHeight: Holen Sie sich die Bildlaufhöhe des Objekts.
ScrollLeft: Stellen Sie den Abstand zwischen dem linken Ende des aktuell sichtbaren Inhalts in der linken Grenze und dem Fenster des Objekts ein oder
Scrolltop: Setzen Sie den Abstand zwischen der Oberseite des Objekts und der Oberseite des Fensters im Fenster
Scrollwidth: Holen Sie sich die Bildlaufbreite des Objekts
Offseteight: Die Höhe der übergeordneten Koordinaten des OffsetParent -Attributs durch das Abrufenobjekt
OffsetLeft: Für die Berechnung der linken Position der patriarchalischen Koordinate der patriarchalischen Koordinate, die durch das OffsetParent -Attribut angegeben ist
Offsettop: Die oberste Position der Berechnung der patriarchalischen Koordinate des Musters, das durch das Offsettop -Attribut angegeben ist
Ereignis.ClientXs horizontale Koordinaten relativer Dokumente
Ereignis.Clientys vertikale Koordinaten von relativen Dokumenten
Ereignis.Offsetx Horizontale Koordinaten relativer Container
Event.Offsetys vertikale Koordinaten
Dokument.Documenetelement.Scrolltop Valted Valley Rolling Valley
Ereignis.ClientX+document.documentElement.Scrolltop Die horizontale Sitzetikett des relativen Dokument
Das Obige bezieht sich hauptsächlich auf den Unterschied zwischen dem Firefox in IE: wie folgt:
IE6.0, FF1.06+:
Clientwidth = width + padding
ClientHeight = Höhe + Polsterung
Offsetwidth = Breite + Polsterung + Rand
Offseteight = Höhe + Polsterung + Rand
IE5.0/5.5:
clientwidth = width -belast
ClientHeight = Höhe -Border
Offsetwidth = Breite
Offseteight = Höhe
(Müssen erwähnen: Die Margin -Attribute in CSS beziehen sich nicht mit Kundenbreite, Offsetwidth, ClientHeight, OfficentHeight)