“This is the fourth day of my participation in the August More Text Challenge. For details, see: August More Text Challenge.”

Show the figure

Information on the screen

  1. Window.screen. height: height of the device display

This is the height of the device display, which varies from model to model and can be seen in the system Settings

  1. Window. Screen. AvailHeight: the available height of the screen

Generally, the screen height minus the screen toolbar height taskbar height = screen.height – screen.availheight

Browser Information

  1. This is the height of the browser. Browser zooming affects the height
  2. Window.innerheight: the available height of the browser, i.e. the browser height – top toolbar – bottom slider, and if there is a debug panel, subtracting the height of the scheduling panel

Page information

  1. Document. Body. OffsetHeight: body total height
  2. Document. Body. ClientHeight: ClientHeight = topPadding + bottomPadding+ height – Horizontal scroll bar height offsetHeight = padding + height + border = ClientHeight + scroll bar + border height difference offsetHeight and clientHeight is the border height