javascript - Difference between screen.availHeight and window.height() -


I am implementing the following javascript on my browser (Firefox).

  1. Console.debug ("Height of the screen =" + Screen. Evelight ); // outputs 770

  2. console.debug ("height of window" = <+> $ (window). >); // output 210 (I am also using jQuery)

What is the difference between the two? In 770 pixels and 210 mm?

Similarly, when I write $. Hey () and $ (window) .height () , what's the difference?

window.outerHyight

this screen window It contains the pages and bars of all visible browsers (location, status, bookmark, window title, limitations, ...).

This no is similar to JQuery's $ (window). Outer () .

window.innerHeight or $ (window) .height ()

This is the height of the viewport that shows the website Not only content, browser bar

document.body.clientHyight or $ (document). Height ()

The height of your document shown in the viewport is higher if it exceeds $ (window). Hi () You get scrollbar to scroll the document.

screen.availHyight

The browser window height can be maximized, including browser windows. So when the window is maximized, then screen.wallheit === window.utter

screen.height

It just corresponds to the resolution of the screen so that on the 1920 × 1080 screen, the screen. Height will be 1080 .

screen.availHeight is equivalent to [Taskbar on Windows, Dock on OS X and the bars of the operating system such as menus, or if you are using Linux, Whatever is fixed above or below it, the screen. Height / P>


Comments

Popular posts from this blog

windows - Heroku throws SQLITE3 Read only exception -

lex - Building a lexical Analyzer in Java -

python - rename keys in a dictionary -