Events:
=======
What is an Event?
=================
--> event is an action or occurrence that happen in the system where you are working with.
Ex: click a button, moving the cursor, pressing a key etc.
1) 'click' event:
=================
Click Event
===================================================
2) mouseover Event:
===================
Mouse hover Event
Hover over me!
===================================
3) Keydown Event:
=================
KeyDown Event
4) keyup event:
==============
-> when we are release ing the key, then we can use "keyup" event.
========================================================
Browser Object Model (BOM)
==========================
-> The BOM refers to the objects, methods and properties provided by the web browser to interact with the environment in which our web page is running.
-> It allows JS to interact with browser specific features like:
URL,
History
Navigation etc.
Key Components of BOM:
======================
1) window object
================
-> a global object
-> represents the browser window itself.
2) Document object
==================
-> represents the HTML document loaded in the browser.
3) Location object
==================
-> provides the information about the URL of the current page.
4) History object
=================
-> allows the manipulation of the browser history (backward, forward)
5) Navigation object
====================
-> provide the information about the browser itself like: browser name, version etc.
6) Screen object
================
-> contains the information about the user's screen
like: screen width, height etc.
7) Timing object
==================
-> used for handling timing events like setTimeOut() etc.
Browser Object Model