Determining position of the browser window in JavaScript?

Question

For various silly reasons, I'd like to be able to detect the rectangle of the browser window on screen. Title bar and all.

Is this possible, or is JavaScript limited to the view port of its page?

Edit: I may have been unclear, but view port is the portion of the page that's visible in the window. This may not be a term commonly used with browsers, but it's common in graphics.

Shog9_811 · Answer

For standards compliant browsers:

X - window.screenX
Y - window.screenY

For IE:

X - window.screenLeft
Y - window.screenTop

Keep in mind, implementations vary. Beware of multi-monitor setups...

user_4249 · Answer

Take a look at the following properties:

window.screen.height: Returns the height of the screen in pixels.
window.screen.top: Returns the distance in pixels from the top side of the current screen.
window.screen.width: Returns the width of the screen.
window.screen.left: Returns the distance in pixels from the left side of the main screen to the left side of the current screen.

(These won't give you the window size or position, but may allow you to correctly interpret them when operating on a system with multiple monitors)

Saiyine_38238 · Answer

Copy pasted from google first result:

// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth() 
{
return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?  document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
} 
function pageHeight() 
{
return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
} 
function posLeft() 
{
return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
} 
function posTop() 
{
return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
} 
function posRight() 
{
return posLeft()+pageWidth();
} 
function posBottom() 
{
return posTop()+pageHeight();
}

Determining position of the browser window in JavaScript?

3 Answers