Getting started with JavaScript Functions Arrays Objects AJAX Classes Arithmetic (Math)Comparison Operations Conditions Loops Promises Regular expressions Date Error Handling Geolocation Cookies Intervals and Timeouts Generators History Strict mode Custom Elements JSON Binary Data Template Literals Web Storage Fetch Scope Modules Screen Inheritance Timestamps Destructuring assignment Workers Variable coercion/conversion Debugging Notifications API Built-in Constants WebSockets Web Cryptography API Async functions (async/await)Strings Constructor functions execCommand and contenteditable Performance Tips Map Creational Design Patterns requestAnimationFrame Reserved Keywords Method Chaining Global error handling in browsers Unary Operators File API, Blobs and FileReaders Comments Console Tail Call Optimization Detecting browser Enumerations Symbols Localization Selection API Callbacks Set Declarations and Assignments Functional JavaScript Modals - Prompts Data attributes The Event Loop Battery Status API Data Manipulation Bitwise operators Transpiling BOM (Browser Object Model)Unit Testing Javascript Linters - Ensuring code quality Automatic Semicolon Insertion - ASI IndexedDB Anti-patterns Navigator Object Modularization Techniques Proxy Same Origin Policy & Cross-Origin Communication Arrow Functions .postMessage() and MessageEvent WeakMap WeakSet Escape Sequences Behavioral Design Patterns Server-sent events Async Iterators Namespacing Evaluating JavaScript Memory efficiency Date Comparison How to make iterator usable inside async callback function Context (this)Setters and Getters Vibration API Prototypes, objects Datatypes in Javascript Bitwise Operators - Real World Examples (snippets)Fluent API Tilde ~Security issues Using javascript to get/set CSS custom variables JavaScript Variables Events

BOM (Browser Object Model)

Remarks:

For more information on the Window object, please visit MDN.

The window.stop() method is not supported in Internet Explorer.

Introduction

The BOM (Browser Object Model) contains objects that represent the current browser window and components; objects that model things like history, device's screen, etc

The topmost object in BOM is the window object, which represents the current browser window or tab.

Document: represents current web page.
History: represents pages in browser history.
Location: represents URL of current page.
Navigator: represents information about browser.
Screen: represents device's display information.

Window Object Methods

The most important object in the Browser Object Model is the window object. It helps in accessing information about the browser and its components. To access these features, it has various methods and properties.

Method	Description
window.alert()	Creates dialog box with message and an OK button
window.blur()	Remove focus from window
window.close()	Closes a browser window
window.confirm()	Creates dialog box with message, an OK button and a cancel button
window.getComputedStyle()	Get CSS styles applied to an element
window.moveTo(x,y)	Move a window's left and top edge to supplied coordinates
window.open()	Opens new browser window with URL specified as parameter
window.print()	Tells browser that user wants to print contents of current page
window.prompt()	Creates dialog box for retrieving user input
window.scrollBy()	Scrolls the document by the specified number of pixels
window.scrollTo()	Scrolls the document to the specified coordinates
window.setInterval()	Do something repeatedly at specified intervals
window.setTimeout()	Do something after a specified amount of time
window.stop()	Stop window from loading

Window Object Properties

The Window Object contains the following properties.

Property	Description
window.closed	Whether the window has been closed
window.length	Number of `<iframe>` elements in window
window.name	Gets or sets the name of the window
window.innerHeight	Height of window
window.innerWidth	Width of window
window.screenX	X-coordinate of pointer, relative to top left corner of screen
window.screenY	Y-coordinate of pointer, relative to top left corner of screen
window.location	Current URL of window object (or local file path)
window.history	Reference to history object for browser window or tab.
window.screen	Reference to screen object
window.pageXOffset	Distance document has been scrolled horizontally
window.pageYOffset	Distance document has been scrolled vertically

Contributors

Topic Id: 3986

Example Ids: 13901,13902,16673

This site is not affiliated with any of the contributors.