Browser Object Model (BOM) is a programming interface JavaScript tool for working with web browsers. This enables access & manipulation of the browser window, frames, and other browser-related objects by facilitating the JavaScript code.
The default object of browser is window means you can call all the functions of window by specifying window or directly. For example:
window.alert(" Hi Javaprogramer");
// Same as
alert(" Hi Javaprogramer ");
Browser Object Model Types
| Types | Description |
|---|---|
| Window Object Model | The window object represents the browser window and acts as the global object for JavaScript in the browser environment. It provides properties and methods for controlling the browser window, such as opening and closing windows, resizing, moving, and navigating between pages. |
| History Object Model | The history object represents the browser's history stack, allowing you to navigate forward and backward through the user's browsing history. You can also use it to manipulate the browser's history, such as adding or replacing entries. |
| Screen Object Model | The screen object provides information about the user's screen, such as its width, height, color depth, and pixel depth. This information can be used to create responsive designs or adjust the layout of web content based on the user's screen size. |
| Navigator Object Model | The navigator object provides information about the browser being used, such as its name, version, platform, and whether cookies are enabled. It allows you to perform browser detection to customize your webpage's behavior based on the user's browser. |
| Location Object Model | The location object contains information about the current URL of the webpage and allows you to manipulate the browser's location. You can use it to redirect the user to another webpage, reload the current page, or extract information from the URL |
