Window Methods and Properties
Introduction.
Regardless of what they are called in a particular programming language
or on a particular operating system, everyone works with windows.
For example, using JavaScript while interacting with a browser,
There are many other things that can be done with windows in a browser using JavaScript. The following table will list a fairly large variety of the properties one can make use of when interacting with windows. The object and syntax used to invoke these properties is window.property. |
Property | Description |
closed |
this is a read only Boolean that specifies whether a window has been closed |
defaultStatus |
a string that specifies the default message that appears in a window's status bar |
document | a reference to the document object contained in a window |
frames[ ] | an array of the frames contained in a window |
history | a reference to the history object for this window |
length | frames.length gives the number of elements in the frames[ ] array |
location | a reference to the location object for the window |
Math | an object containing mathematical functions and constants |
name | a string that contains the name of the window |
navigator | we used this previously |
opener | this returns the name of the object that called the open( ) method used to invoke this window |
parent | a reference to the parent window or frame of the current window |
screen | a reference to the screen object for the window |
self | a reference to the window itself, essentially the same as window |
status | a string that specifies the current contents of the status bar |
top | a reference to the top level window that contains the current window. This is only really useful with frames. |
window | a reference to the window itself, essentially the same as self |
As should always be the case in OOP, when there are properties, there are methods and the Windows object in JavaScript has both. The following is a list of many of the methods associated with Window objects. The object and syntax used to invoke these properties is window.method( ). |
Method | Descritpion | Syntax |
alert( ) |
displays a simple message in a dialog box |
alert(message) |
blur( ) |
take keyboard focus away from the top level browser window, usually sending it to the background |
|
close( ) | close a window | |
confirm( ) | a yes or no question with a dialog box | confirm(question) |
focus( ) | give the top level browser window keyboard focus, this usually brings the window to the front | |
moveBy( ) | move the window by a relative amount | moveBy(dx, dy) |
moveTo( ) | move the window to an absolute position | moveTo(x, y) |
open( ) | create and open a new window | open(url, name, features, replace) |
prompt( ) | ask for a simple string input with a dialog box | prompt(message, default) |
resizeBy( ) | resize the window by a specified amount | resizeBy(dw, dh) |
resizeTo( ) | resize the window to a specified size | resizeTo(width, height) |
scroll( ) | scroll the document displayed in the window | scroll(x, y) |
scrollBy( ) | scroll the window by a specified amount | scrollBy(dx, dy) |
scrollTo( ) | scroll the window to a specified position | scrollTo(x, y) |
setInterval( ) | execute the code at specified periodic time intervals | setInterval(code, interval) |
setTimeout( ) | execute the code after a specified amount of time elapses | setTimeout(code, delay) |
Now we need to work some examples to make use of these properties and methods. |