What is the difference between window, screen, and document in JavaScript?

by

Window is the main JavaScript object root, aka the global object in a browser, and it can also be treated as the root of the document object model. You can access it as window.

window.screen or just screen is a small information object about physical screen dimensions.

window.document or just document is the main object of the potentially visible (or better yet: rendered) document object model/DOM.

Since window is the global object, you can reference any properties of it with just the property name – so you do not have to write down window. – it will be figured out by the runtime.

More Related Contents:

  1. Jquery replace only specific characters [closed]
  2. How to create a tag with Javascript?
  3. How to avoid scientific notation for large numbers in JavaScript?
  4. How to make a promise from setTimeout
  5. Is there a null-coalescing (Elvis) operator or safe navigation operator in javascript?
  6. Identifying Between Refresh And Close Browser Actions
  7. forEach on querySelectorAll not working in recent Microsoft browsers
  8. How can I convert the “arguments” object to an array in JavaScript?
  9. How can I mock an ES6 module import using Jest?
  10. Immediate function invocation syntax
  11. Remove all special characters except space from a string using JavaScript
  12. list every font a user’s browser can display
  13. Equivalent of jQuery .hide() to set visibility: hidden
  14. Set a request header in JavaScript
  15. using underscore’s “difference” method on arrays of objects
  16. What is the difference between using constructor vs state = {} to declare state in react component?
  17. Multi-line string insert using jQuery
  18. Arrow functions and the use of parentheses () or {} or ({})
  19. Secure distribution of NodeJS applications
  20. Why is ‘event’ available globally in Chrome but not Firefox?
  21. Is there something like “Firebug for IE” (for debugging JavaScript)?
  22. Array destructuring in JavaScript
  23. How to handle HTTP code 4xx responses in fetch api
  24. Firefox 4 onBeforeUnload custom message
  25. Drawing rotated text on a HTML5 canvas
  26. Mongoose Not Creating Indexes
  27. How to get the previous page URL using JavaScript? [duplicate]
  28. Dynamically created SVG elements are not rendered by the browser
  29. How to keep elements non-refreshed
  30. FB.logout() called without an access token

Leave a Comment