What's the differences between document and window

Question

When we want to inspect the event of scroll to bottom in browser in jquery. So we may write:

if $(window).scrollTop > $(document).height - $(window).height - 50 doScrollEvent(); //Event we do to load data when scroll to the bottom

So what's the difference between document and window here?

score 0 · Answer 1 · answered Dec 11 '13 at 00:03

0

document refers to the width of the page itself. window refers to the viewport (i.e. how big your browser window is).

answered Dec 11 '13 at 00:03

Machavity

30,841
27
92
100

score 0 · Answer 2 · answered Dec 11 '13 at 00:04

The window object represents an open window in a browser. where as when an HTML document is loaded into a web browser, it becomes a document object. So there height and width may be different. One is a browser object and another is HTML dom object.

For more info look: http://www.w3schools.com/jsref/dom_obj_document.asp

and http://www.w3schools.com/jsref/obj_window.asp

score 0 · Accepted Answer · edited May 23 '17 at 11:49

0

A quick search on Google, or here on StackOverflow, would have found a stack of answers. These will help you understand the difference.

edited May 23 '17 at 11:49

Community

1
1

answered Dec 11 '13 at 00:04

TheCarver

19,391
25
99
149

1

This should be a comment to close the question as a duplicate, not an answer. – j08691 Dec 11 '13 at 00:04
@j08691. Good point thanks. Will mark as duplicate. – TheCarver Dec 11 '13 at 00:05

What's the differences between document and window

3 Answers3