Derniers tutoriels de développement web
 

Fenêtre screenX et Propriétés screenY

<Object Window

Exemple

Remettre les coordonnées x et y de la nouvelle fenêtre par rapport à l'écran:

var myWindow = window.open("", "myWin");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.


Définition et utilisation

Les propriétés screenX et screenY renvoie les x (horizontal) et y (vertical) des coordonnées de la fenêtre par rapport à l'écran.


Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.

Propriété
screenX Oui 9.0 Oui Oui Oui
screenY Oui 9.0 Oui Oui Oui

Tip: Pour IE8 et plus tôt, vous pouvez utiliser « window.screenLeft » et « window.screenTop » à la place (See "More Examples") .


Syntaxe

window.screenX
window.screenY

Détails techniques

Valeur de retour: Un nombre, représentant l'horizontale et / ou la distance verticale de la fenêtre par rapport à l'écran, en pixels

Exemples

autres exemples

Exemple

Ouvrir une nouvelle fenêtre avec une position spécifiée à gauche et en haut, et retourner ses coordonnées:

var myWindow = window.open("", "myWin", "left=700, top=350, width=200, height=100");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
Essayez vous - même »

Exemple

Solution Cross navigateur (using screenLeft and screenTop for IE8 and earlier) en (using screenLeft and screenTop for IE8 and earlier) :

// Open a new window with a specified left and top position
var myWindow = window.open("", "myWin", "left=700, top=350, width=200, height=100");

/*
If the browser does not support screenX and screen Y,
use screenLeft and screenTop instead (and vice versa)
*/
var winLeft = myWindow.screenLeft ? myWindow.screenLeft : myWindow.screenX;
var winTop = myWindow.screenTop ? myWindow.screenTop : myWindow.screenY;

// Write the new window's x and y coordinates relative to the screen
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>Horizontal: " + winLeft);
myWindow.document.write("<br>Vertical: " + winTop + "</p>");
Essayez vous - même »

<Object Window