The Window screenX property is used for returning the ‘x’ or the horizontal coordinates of a window relative to the screen. It returns a number which represents the horizontal distance of a window relative to the screen in pixels.
Syntax:
window.screenX
Return Value: It returns a number that represents the horizontal distance of the window relative to the screen, in pixels
Below program illustrates the window.screenX property :
Checking the X coordinates of a window relative to the screen.
html
<!DOCTYPE html> <html>
<head>
<title>
Window screenX Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Window screenX Property</h2>
<p>
For returning the X coordinates of a window
relative to the screen, double click the
"Check X Coordinate" button:
</p>
<button ondblclick="coordinate()">
Check X Coordinate
</button>
<script>
function coordinate() {
var x = window.open("", "myWindow");
x.document.write
("
<p>Welcome to my Window");
x.document.write
("<br> X Coordinate : " + x.screenX + "</p>
"); }
</script>
</body>
</html>
|
Output:
After clicking the button
Supported Browsers: The browser supported by Window screenX Property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 9
- Firefox 1
- Opera 12.1
- Safari 1