Windows position with browser object model (BOM)

When a new window is opened its position with respect to currently viewed window (viewport) can be set in JavaScript. The x and y coordinates of the new window are returned with screenX or screenLeft and screenY or screenTop properties. These property names are browser specific, i.e. screenLeft, screenTop are for IE8 and before, screenX, screenY are for other browsers.

Example of reading window's coordinates with browser object model (BOM)

<!DOCTYPE html>
<html>

<body>
    <button onclick=pos()>PositionDemo</button>
    <script>
        function pos(){
        //Opens the below webpage with given window size.
            var searchWin = window.open ("http://www.google.com", "newWind", "left=400, top=250, width=400, height=200");

        //Selects the property supported by browser screen Left or screenX
            var windLeft = searchWin.screenLeft ? searchWin.screenLeft : searchWin.screenX;
        //Selects the property supported by browser screen Top or screenY
            var windTop = searchWin.screenTop ? searchWin.screenTop : searchWin.screenY;		
            document.write("Window position from left: " + windLeft + "<br />Window position from top: " + windTop);				
        }
    </script>
    </body>
    
</html>

›› go to examples ››

Windows position with browser object model (BOM)

Example of reading window's coordinates with browser object model (BOM)

Comments

About

Contact

Get Connected