Scrollheight: gets the scroll height of an object.
Scrollleft: sets or obtains the distance between the left-side border of the object and the leftmost end of the currently visible content in the window.
Scrolltop: sets or obtains the distance between the top of the object and the top of the visible content in the window.
Scrollwidth: gets the scroll width of an object.
Offsetheight: gets the height of an object relative to the layout or the parent coordinate specified by the parent coordinate offsetparent attribute.
Offsetleft: obtains the left position of the object relative to the layout or the parent coordinate specified by the offsetparent attribute.
Offsettop: obtains the top position of an object relative to the layout or the parent coordinate specified by the offsettop attribute.
The horizontal coordinates of event. clientx relative to the document
The vertical coordinates of event. clienty relative to the document
Horizontal coordinates of event. offsetx relative to the container
Event. offsety vertical coordinates of the container
Document.doc umentelement. scrolltop vertical scroll Value
Event.clientxw.document.doc umentelement. The horizontal coordinate of scrolltop relative to the document + The amount of vertical scrolling
The difference between Firefox and IE is as follows:
Ie6.0, ff1.06 +:
Clientwidth = width + padding
Clientheight = height + padding
Offsetwidth = width + padding + border
Offsetheight = height + padding + border
Ie5.0/5.5:
Clientwidth = width-border
Clientheight = height-border
Offsetwidth = width
Offsetheight = height (the margin attribute in CSS has nothing to do with clientwidth, offsetwidth, clientheight, and offsetheight)
visible area width: document. body. clientwidth;
visible area of the webpage: document. body. clientheight;
visible area width of the webpage: document. body. offsetwidth (including the edge width);
visible area Height: document. body. offsetheight (including the edge width);
webpage body full text width: document. body. scrollwidth;
the full text of the webpage is high: document. body. scrollheight;
height of the webpage to be rolled: document. body. scrolltop;
the left side of the webpage to which the webpage is rolled: document. body. scrollleft;
webpage body part: window. screentop;
page body part left: window. screenleft;
screen resolution Height: window. screen. height;
screen resolution width: window. screen. width;
available workspace Height: window. screen. availheight;
available workspace width: window. screen. availwidth;