Scribd
Upload
93 views

HTML DOM Window Object

The document describes the Window object in JavaScript, which represents a browser window or frame. It contains collections, properties, and methods for working with windows. Some key properties and methods include document, location, open(), close(), and methods for controlling the window size and position. The open() method is used to open new browser windows and supports many parameters to control the window features and appearance.

Uploaded by

satyanarayana
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX or read online on Scribd
93 views

HTML DOM Window Object

The document describes the Window object in JavaScript, which represents a browser window or frame. It contains collections, properties, and methods for working with windows. Some key properties and methods include document, location, open(), close(), and methods for controlling the window size and position. The open() method is used to open new browser windows and supports many parameters to control the window features and appearance.

Uploaded by

satyanarayana
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX or read online on Scribd
You are on page 1/ 8

HTML DOM Window Object

Window Object
The Window object is the top level object in the JavaScript hierarchy.
The Window object represents a browser window.
A Window object is created automatically with every instance of a <body> or <frameset> tag.
IE: Internet Explorer, F: Firefox, O: Opera.
Window Object Collections
Collection Description IE F O
frames[] Returns all named frames in the window 4 1 9

Window Object Properties


Property Description IE F O
closed Returns whether or not a window has been closed 4 1 9
defaultStatus Sets or returns the default text in the statusbar of the window 4 No 9
document See Document object 4 1 9
history See History object 4 1 9
length Sets or returns the number of frames in the window 4 1 9
location See Location object 4 1 9
name Sets or returns the name of the window 4 1 9
opener Returns a reference to the window that created the window 4 1 9
outerheight Sets or returns the outer height of a window No No No
outerwidth Sets or returns the outer width of a window No No No
pageXOffset Sets or returns the X position of the current page in relation to the No No No
upper left corner of a window's display area
pageYOffset Sets or returns the Y position of the current page in relation to the No No No
upper left corner of a window's display area
parent Returns the parent window 4 1 9
personalbar Sets whether or not the browser's personal bar (or directories bar)
should be visible
scrollbars Sets whether or not the scrollbars should be visible
self Returns a reference to the current window 4 1 9
status Sets the text in the statusbar of a window 4 No 9
statusbar Sets whether or not the browser's statusbar should be visible
toolbar Sets whether or not the browser's tool bar is visible or not (can only
be set before the window is opened and you must have
UniversalBrowserWrite privilege)
top Returns the topmost ancestor window 4 1 9

Window Object Methods


Method Description IE F O
alert() Displays an alert box with a message and an OK button 4 1 9
blur() Removes focus from the current window 4 1 9
clearInterval() Cancels a timeout set with setInterval() 4 1 9
clearTimeout() Cancels a timeout set with setTimeout() 4 1 9
close() Closes the current window 4 1 9
confirm() Displays a dialog box with a message and an OK and a Cancel button 4 1 9
createPopup() Creates a pop-up window 4 No No
focus() Sets focus to the current window 4 1 9
moveBy() Moves a window relative to its current position 4 1 9
moveTo() Moves a window to the specified position 4 1 9
open() Opens a new browser window 4 1 9
print() Prints the contents of the current window 5 1 9
prompt() Displays a dialog box that prompts the user for input 4 1 9
resizeBy() Resizes a window by the specified pixels 4 1 9
resizeTo() Resizes a window to the specified width and height 4 1.5 9
scrollBy() Scrolls the content by the specified number of pixels 4 1 9
scrollTo() Scrolls the content to the specified coordinates 4 1 9
setInterval() Evaluates an expression at specified intervals 4 1 9
setTimeout() Evaluates an expression after a specified number of milliseconds

HTML DOM open() Method

--------------------------------------------------------------------------------

Complete Window Object Reference

--------------------------------------------------------------------------------

Definition and Usage

The open() method is used to open a new browser window.

Syntax

window.open(URL,name,specs,replace)

Parameter Description

URL Optional. Specifies the URL of the page to open. If no URL is specified, a new
window with about:blank is opened

name Optional. Specifies the target attribute or the name of the window. The
following values are supported:

_blank - URL is loaded into a new window. This is default

_parent - URL is loaded into the parent frame


_self - URL replaces the current page

_top - URL replaces any framesets that may be loaded

name - The name of the window

specs Optional. A comma-separated list of items. The following values are


supported:

channelmode=yes|no|1|0 Whether or not to display the window in theater mode.


Default is no

directories=yes|no|1|0 Whether or not to add directory buttons. Default is yes

fullscreen=yes|no|1|0 Whether or not to display the browser in full-screen mode.


Default is no. A window in full-screen mode must also be in theater mode

height=pixels The height of the window. Min. value is 100

left=pixels The left position of the window

location=yes|no|1|0 Whether or not to display the address field. Default is yes

menubar=yes|no|1|0 Whether or not to display the menu bar. Default is yes

resizable=yes|no|1|0 Whether or not the window is resizable. Default is yes

scrollbars=yes|no|1|0 Whether or not to display scroll bars. Default is yes

status=yes|no|1|0 Whether or not to add a status bar. Default is yes

titlebar=yes|no|1|0 Whether or not to display the title bar. Ignored unless the calling
application is an HTML Application or a trusted dialog box. Default is yes

toolbar=yes|no|1|0 Whether or not to display the browser toolbar. Default is yes

top=pixels The top position of the window

width=pixels The width of the window. Min. value is 100

replace

Optional.Specifies whether the URL creates a new entry or replaces the current
entry in the history list. The following values are supported:
true - URL replaces the current document in the history list

false - URL creates a new entry in the history list

--------------------------------------------------------------------------------

Example

The following example opens www.w3schools.com in a new browser window:

<html>

<head>

<script type="text/javascript">

function open_win()

window.open("http://www.w3schools.com")

</script>

</head>

<body><input type=button value="Open Window" onclick="open_win()"


/></body>

</html>

--------------------------------------------------------------------------------

Example

The following example opens an about:blank page in a new browser window:


<html>

<body><script type="text/javascript">

myWindow=window.open('','','width=200,height=100')

myWindow.document.write("This is 'myWindow'")

myWindow.focus()

</script></body>

</html>

Open a new window when clicking on a button

<html>

<head>

<script type="text/javascript">

function open_win()

window.open("http://www.w3schools.com");

</script>

</head>

<body>

<form>

<input type=button value="Open Window" onclick="open_win()">

</form>

</body>

</html>
Open a new window and control its appearance

<html>

<head>

<script type="text/javascript">

function open_win()

window.open("http://www.w3schools.com","_blank","toolbar=yes, location=yes,
directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no,
copyhistory=yes, width=400, height=400");

</script>

</head>

<body>

<form>

<input type="button" value="Open Window" onclick="open_win()">

</form>

</body>

</html>

Open multiple windows with one click

<html>

<head>

<script type="text/javascript">
function open_win()

window.open("http://www.microsoft.com/");

window.open("http://www.w3schools.com/");

</script>

</head>

<body>

<form>

<input type=button value="Open Windows" onclick="open_win()">

</form>

</body>

</html>

Open a new window

<html>

<body>

<script type="text/javascript">

myWindow=window.open('','','width=200,height=100');

myWindow.document.write("This is 'myWindow'");

myWindow.focus();

</script>
</body>

</html>

You might also like