A collection of common methods for obtaining browser windows and element width and height using native js. js obtains browser windows.

A collection of common methods for obtaining browser windows and element width and height using native js. js obtains browser windows.

Width of the visible area of the window: Document.doc umentElement. clientWidth | document. body. clientWidth;

Height of the visible area of the window: Document.doc umentElement. clientHeight | document. body. clientHeight;

Width of the visible area of the window + edge and scroll bar: Document. body. offsetWidth;

Height of the visible area of the window + edge and scroll bar: Document. body. offsetHeight;

Actual content width: Document. body. scrollWidth;

Actual content height: Document. body. scrollHeight;

Scroll bar drop-down distance to be rolled up: Document.doc umentElement. scrollTop | window. pageYOffset | document. body. scrollTop;

The distance from the scroll bar side to be rolled up: Document. body. scrollLeft | document.doc umentElement. scrollLeft;

Part of the webpage body: Window. screenTop;

Left part of webpage body: Window. screenLeft;

Element width: Obj. offsetWidth;

Element height: Obj. offsetHeight;

Upper displacement relative to the parent Element: Obj. offsetTop; (if the element containing the element does not contain the scroll bar)

Left shift relative to parent Element: Obj. offsetLeft; (if the element that contains the element does not contain the scroll bar)

The above is all the content of this article. I hope this article will help you in your study or work. I also hope to provide more support to the customer's home!