WINDOW OBJECT:
- The
window
object represents an open window in a browser. - It is the top-level object in the JavaScript hierarchy.
- All top-level properties
and methods such as
alert()
,prompt()
,parseInt()
belongs to thewindow
object. Thewindow
object is also the default object. That is,alert()
is the same aswindow.alert()
. - A
window
object is created automatically with every<body>
or<frameset>
tag. - The window object is supported by all browsers. It represent the browser's window.
- All global JavaScript objects, functions, and variables automatically become members of the window object.
- Global variables are properties of the window object.
- Global functions are methods of the window object.
Even the document object (of
the HTML DOM) is a property of the window object:
window.document.getElementById("header");
is same as document.getElementById("header");
Window Size
Three different properties
can be used to determine the size of the browser window
For Internet Explorer,
Chrome, Firefox, Opera, and Safari:
- window.innerHeight
- the inner height of the browser window
- window.innerWidth
- the inner width of the browser window
For Internet Explorer 8, 7,
6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Example:
<html>
<body>
<p
id="demo"></p>
<script>
var w = window.innerWidth
||
document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight;
var x = document.getElementById("demo");
x.innerHTML = "Browser
inner window width: " + w + ", height: " + h + ".";
</script>
</body>
</html>
Some methods:
- window.open() - open a new window
- window.close() - close the current window
- window.moveTo() -move the current window
- window.resizeTo() -resize the current window
No comments:
Post a Comment