Window Object

The window object represents an open window in a browser.

If a document contain frames (<iframe> tags), the browser creates one

window object for the HTML document, and one additional window object for
each frame.

Note: There is no public standard that applies to the Window object, but all
major browsers support it.

Window Object Properties

Property Description

closed Returns a Boolean value indicating whether a window has

been closed or not

console Returns a reference to the Console object, which provides

methods for logging information to the browser's console
(See Console object)

defaultStatus Sets or returns the default text in the statusbar of a window

document Returns the Document object for the window (See Document
object)

frameElement Returns the <iframe> element in which the current window is

inserted

frames Returns all <iframe> elements in the current window

history Returns the History object for the window (See History
object)

innerHeight Returns the height of the window's content area (viewport)

including scrollbars

innerWidth Returns the width of a window's content area (viewport)

including scrollbars

length Returns the number of <iframe> elements in the current

window

localStorage Allows to save key/value pairs in a web browser. Stores the

data with no expiration date

location Returns the Location object for the window (See Location
object)

name Sets or returns the name of a window

navigator Returns the Navigator object for the window (See Navigator
object)

opener Returns a reference to the window that created the window

outerHeight Returns the height of the browser window, including
toolbars/scrollbars

outerWidth Returns the width of the browser window, including

toolbars/scrollbars

pageXOffset Returns the pixels the current document has been scrolled
(horizontally) from the upper left corner of the window

pageYOffset Returns the pixels the current document has been scrolled
(vertically) from the upper left corner of the window

parent Returns the parent window of the current window

screen Returns the Screen object for the window (See Screen object)

screenLeft Returns the horizontal coordinate of the window relative to

the screen

screenTop Returns the vertical coordinate of the window relative to the

screen

screenX Returns the horizontal coordinate of the window relative to

the screen

screenY Returns the vertical coordinate of the window relative to the

screen
sessionStorage Allows to save key/value pairs in a web browser. Stores the
data for one session

scrollX An alias of pageXOffset

scrollY An alias of pageYOffset

self Returns the current window

status Sets or returns the text in the statusbar of a window

top Returns the topmost browser window

Window Object Methods

Method Description

alert() Displays an alert box with a message and an OK

button

atob() Decodes a base-64 encoded string

blur() Removes focus from the current window

btoa() Encodes a string in base-64

clearInterval() Clears a timer set with setInterval()

clearTimeout() Clears a timer set with setTimeout()

close() Closes the current window

confirm() Displays a dialog box with a message and an OK and a

Cancel button

focus() Sets focus to the current window

getComputedStyle() Gets the current computed CSS styles applied to an

element

getSelection() Returns a Selection object representing the range of

text selected by the user

matchMedia() Returns a MediaQueryList object representing the

specified CSS media query string

moveBy() Moves a window relative to its current position

moveTo() Moves a window to the specified position

open() Opens a new browser window

print() Prints the content of the current window

prompt() Displays a dialog box that prompts the visitor for input

requestAnimationFrame( Requests the browser to call a function to update an

) animation before the next repaint

resizeBy() Resizes the window by the specified pixels

resizeTo() Resizes the window to the specified width and height

scroll() Deprecated. This method has been replaced by

the scrollTo() method.

scrollBy() Scrolls the document by the specified number of pixels

scrollTo() Scrolls the document to the specified coordinates

setInterval() Calls a function or evaluates an expression at specified

intervals (in milliseconds)

setTimeout() Calls a function or evaluates an expression after a

specified number of milliseconds

stop() Stops the window from loading

Program for Closed Property :

<html>

<head>

<script>

var myWindow;

function openWin() {

myWindow = window.open("", "myWindow", "width=400, height=200");

function closeWin() {

if (myWindow) {

myWindow.close();

function checkWin() {

if (!myWindow) {

document.getElementById("msg").innerHTML = "'myWindow' has never been opened!";

} else {

if (myWindow.closed) {

document.getElementById("msg").innerHTML = "'myWindow' has been closed!";

} else {

document.getElementById("msg").innerHTML = "'myWindow' has not been closed!";

</script>

</head>

<body>
<button onclick="openWin()">Open "myWindow"</button>

<button onclick="closeWin()">Close "myWindow"</button>

<br><br>

<button onclick="checkWin()">Has "myWindow" been closed?</button>

<br><br>

<div id="msg"></div>

</body>

</html>

Output :

Open "myWindow" Close "myWindow"

Has "myWindow" been closed? --------------When Click on this Button

This Msg is printed -------'myWindow' has never been opened!

Program for Alert Method ()
<html>

<body>

<p>Click the button to display an alert box.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction() {

alert("Hello! I am an alert box!");

</script>

</body>

</html>

Output:

Click the button to display an alert box.

Try it

Program for ClearInterval Method ()

<html>

<body>

<p>A script on this page starts this clock:</p>

<p id="demo"></p>

<button onclick="myStopFunction()">Stop time</button>

<script>

var myVar = setInterval(myTimer, 1000);

function myTimer() {

var d = new Date();

var t = d.toLocaleTimeString();

document.getElementById("demo").innerHTML = t;
}

function myStopFunction() {

clearInterval(myVar);

</script>

</body>

</html>

Output:

A script on this page starts this clock:

2:24:38 PM

Stop time