Ich finde oft, dass Sie beim Schreiben von JavaScript die Höhe und Breite der Webseite, des Browsers oder des Bildschirms verwenden müssen, um das Layout -Positionierungsproblem zu lösen. Sie vergessen es oft vor und nach dem Gebrauch oder suchen Sie online und fassen Sie es einfach selbst zusammen, damit es bequem ist, es erneut zu verwenden, um Zeit und Mühe zu sparen.
Die sichtbare Flächenbreite der Webseite: Dokument.body.Clientwidth
Die sichtbare Höhe der Webseite: Dokument.Body.ClientHeight
Die sichtbare Flächenbreite der Webseite: document.body.Offsetwidth (einschließlich der Breite der Kantenlinie)
Die sichtbare Höhe der Webseite: Dokument.Body.offseteight (einschließlich der Breite der Kantenlinie)
Volltextbreite der Webseite: document.body.scrollwidth (mit Scroll -Balkenbreite)
Volltexthöhe der Webseite: document.body.ScrollHeight (mit Bildlaufleistenhöhe)
Die Webseite ist auf hoher Ebene eingeführt: document.body.scrolltop
Links von der Webseite, die eingeführt wurde: document.body.scrollleft
Im Hauptteil der Webseite: Fenster.Screentop
Links vom Haupttext der Webseite: Fenster.Screenleft
Auflösung der Hochbildschirme: window.screen.hohthy
Breite der Bildschirmauflösung: Fenster.Screen.width
Bildschirm verfügbarer Arbeitsbereich Höhe: Fenster.Screen.availHeight
Bildschirm verfügbar Arbeitsbereich Breite: window.screen.availwidth
Html präzise Positionierung: Scrollleft, Scrollwidth, Clientbreite, Offsetwidth
ScrollHeight: Holen Sie sich die Bildlaufhöhe des Objekts.
ScrollLeft: Stellen Sie den Abstand zwischen der linken Grenze des Objekts und dem linken Ende des aktuell sichtbaren Inhalts im Fenster ein oder
Scrolltop: Setzen Sie den Abstand zwischen der Oberseite des Objekts und der Oberseite des sichtbaren Inhalts im Fenster
Scrollwidth: Holen Sie sich die Bildlaufbreite des Objekts
Offseteight: Holen Sie sich die Höhe des Objekts in Bezug
OffsetLeft: Ruft die berechnete linke Position des Objekts relativ zum Layout- oder übergeordneten Koordinaten ab, die von der OffsetParent -Eigenschaft angegeben sind
Offsettop: Erhält die berechnete obere Position des Objekts relativ zum Layout oder zur übergeordneten Koordinate, die von der Offsettop -Eigenschaft angegeben ist
Ereignis.ClientX Horizontale Koordinaten relativ zum Dokument
Ereignis.Clienty vertikaler Koordinaten in Bezug auf das Dokument
Ereignis.OffsetX Horizontale Koordinaten in Bezug auf den Container
Ereignis.Offsety vertikale Koordinaten in Bezug auf den Container
document.documentElement.Scrolltop den Wert des skanischen Scrollens vertikal
Ereignis.ClientX + document.documentElement.scrolltop relativ zur horizontalen Koordinate des Dokument
Dh Firefox -Unterschiede sind wie folgt:
IE6.0, FF1.06+:
Die Codekopie lautet wie folgt:
clientwidth = width + padding
ClientHeight = Höhe + Polsterung
Offsetwidth = Breite + Polsterung + Rand
Offseteight = Höhe + Polsterung + Rand
IE5.0/5.5:
Die Codekopie lautet wie folgt:
Clientwidth = Breite - Grenze
ClientHeight = Höhe - Grenze
Offsetwidth = Breite
Offseteight = Höhe
Zusammenfassung: Es gibt ziemlich viele Dinge über Größe und Breite. Ich habe einige der Einzelheiten selbst nicht verstanden. Nach dem Experimentieren mit ihnen haben einige von ihnen die gleichen Werte, daher ist es sehr verwirrend und kann nur von der Situation abhängen.