Be the first user to complete this post
|
Add to List |
window vs document
Web browser is made up of hierarchy of objects. At the root level we have a window object.
Window
- It is the root level element in any web page.
- All the global variables are defined on the window object.
- For example,
alert(), confirm()
are methods defined on thewindow
object. - Writing
alert()
is similar towindow.alert()
- Also, properties like
document, location
are properties of thewindow
object. - window API
- For example,
Watch the following video to know more about the window object.
[youtube https://www.youtube.com/watch?v=VSgSNQ1-KBo]
Document
- It is the direct child of the
window
object. It is aka Document Object Model (DOM). - You can access it via
window.document
ordocument
. document
object has many useful methods defined on it.- For example,
document.getElementById()
,document.getElementByTagName()
,document.createElement()
,document.querySelector()
and many more - document API
- For example,
Watch the following video to know more about the document object.
[youtube https://www.youtube.com/watch?v=XllU4HswEbc]
Also Read:
- nodejs: generate uuid / guid
- A simple requestAnimationFrame example visually explained
- simple css reset
- Difference between async and defer attributes in script tags
- es6 iterators and iterables - creating custom iterators