Sie müssen die Koordinaten einiger HTML -Objekte abrufen, um die Koordinaten der Zielschicht flexibler einzustellen. Hier können Sie Attribute wie document.body.Scrolltop verwenden, diese Attribute werden jedoch auf der Standard -Webseite von XHTML oder in einfachen Worten den im Tag erhaltenen Wert mit <! DocType ...> IS 0 erhalten; Wenn Sie dieses Tag nicht haben, ist alles normal. Wie erhalten Sie also die Koordinaten des Körpers in XHTML? Natürlich gibt es einen Weg. Wir verwenden document.documentElement, um das document.body zu ersetzen. Zum Beispiel können Sie es so schreiben:
Die Codekopie lautet wie folgt:
var top = document.documentElement.scrolltop || document.body.scrooltop;
|| In JS ist eine gute Sache. Es kann nicht nur in der bedingten Anweisung von if verwendet werden, sondern auch in der Zuordnung von Variablen. Das obige Beispiel kann im folgenden Format geschrieben werden:
Die Codekopie lautet wie folgt:
var top = document.documentElement.scrolltop? document.documentElement.scrolltop: document.body.scrolltop;
Auf diese Weise kann es eine gute Kompatibilität haben. Eine Sache, die zu beachten ist, ist, dass der Wert von document.documentElement.scrolltop nicht deklariert wird, er wird stattdessen 0 angezeigt.
Anweisungen zum Erhalten der vertikalen Koordinatenposition der Scroll -Balkungskoordinate auf der aktuellen Seite:
document.documentElement.scrolltop anstelle von
document.body.scrolltop;
document.documentElement erhält das HTML -Tag.
Dokument.Body erhält das Body -Tag;
Unter Standard W3C, document.body.scrolltop ist immer 0 und document.documentElement.scrolltop muss durch document.documentElement.scrolltop ersetzt werden;
Wenn wir die absolute Position der Maus relativ zur Seite finden möchten, können Sie die meisten Ergebnisse, die wir in Suchmaschinen erzielen
event.clientX+document.body.scrollleft, event.clienty+document.body.scrolltop;
Es ist seltsam, wenn Sie feststellen, dass die Maus von Ihrer Vorstellungskraft abweicht, denn das Dokument.Body.Scrollx -Objekt wird nach IE 5.5 nicht mehr unterstützt.
Wir müssen also einen Satz hinzufügen;
Die Codekopie lautet wie folgt:
if (document.body && document.body.scrolltop && document.body.scrollleft)
{
top = document.body.scrolltop;
links = document.body.scrollLeft;
}
if (document.documentElement && document.documentElement.scrolltop && document.documentElement.scrollleft)
{
top = document.documentElement.scrolltop;
links = document.documentElement.scrollleft;
}
Im Folgenden sind einige Parameter verwendet:
Die sichtbare Flächenbreite der Webseite: document.body.clientwidth;
Die sichtbare Höhe der Webseite: document.body.clientHeight;
Die sichtbare Flächenbreite der Webseite: document.body.Offsetwidth; (einschließlich der Breite der Kantenlinie);
Die sichtbare Höhe der Webseite: document.body.offseteight; (einschließlich der Breite der Kante);
Die vollständige Textbreite der Webseite: Dokument.body.Scrollwidth;
Volltext der Webseite: Dokument.body.ScrollHeight;
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: Windows.screentop;
Links vom Webseiten -Textteil: Windows.screenleft;
Hochbildungsauflösung: Windows.screen.Height;
Breite der Bildschirmauflösung: Windows.screen.widht;
Die verfügbare Arbeitsbereichhöhe des Bildschirms: Windows.screen.AvailHeight;
Bildschirm verfügbar Arbeitsbereich Breite: Windows.screen.availwidth;
Holen Sie sich die Bildlaufhöhe des Objekts: Scrollheight;
Setzen Sie den Abstand zwischen der linken Grenze des Objekts und dem linken Ende des aktuell sichtbaren Inhalts im Fenster: Scrollleft;
Setzen Sie den Abstand zwischen der Oberseite des Objekts und der Oberseite des sichtbaren Inhalts im Fenster: Scrolltop;
Holen Sie sich die Bildlaufbreite des Objekts: Bildlaufbreite;
Ruft die Höhe des Objekts relativ zum Layout oder zur übergeordneten Koordinate der übergeordneten Koordinate: OffsetParent -Eigenschaft: Offseteight;
Holen Sie sich die linke Position der Berechnung des Objekts relativ zum Layout oder der durch die OffsetParent -Eigenschaft angegebenen Elternkoordinate: OffsetLeft;
Holen Sie sich die berechnete obere Position des Objekts relativ zum Layout oder die von der Offsettop -Eigenschaft angegebene übergeordnete Koordinate: Offsettop;
Ereignis.ClientX: Horizontale Koordinaten relativ zum Dokument;
Ereignis.Clienty: Die vertikale Koordinate relativ zum Dokument;
Event.OffsetX: Horizontale Koordinaten relativ zum Container;
Event.Offsety: Die vertikale Koordinate relativ zum Container;
document.documentElement.scrolltop: Stellen Sie die vertikale Höhe der Schriftrolle fest
Ereignis.ClientX + document.documentElement.scrolltop: Horizontale Position relativ zum Dokument + der Bildlaufmenge in vertikaler Richtung;