Ejemplo
Devolver las coordenadas X e Y de la ventana nueva relación con la pantalla:
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>");
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Las propiedades screenX y screenY devuelve los x (horizontal) e Y (vertical) coordenadas de la ventana con respecto a la pantalla.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| screenX | Sí | 9.0 | Sí | Sí | Sí |
| screenY | Sí | 9.0 | Sí | Sí | Sí |
Tip: Para IE8 y anteriores, puede utilizar " window.screenLeft " y " window.screenTop " en lugar (See "More Examples") .
Sintaxis
window.screenX
window.screenYDetalles técnicos
| Valor de retorno: | Un número, que representa la distancia horizontal y / o vertical de la ventana con respecto a la pantalla, en píxeles |
|---|
Más ejemplos
Ejemplo
Abrir una nueva ventana con una posición especificada izquierda y superior, y devolver sus coordenadas:
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>"); Inténtalo tú mismo " Ejemplo
Solución de navegadores (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>"); Inténtalo tú mismo " <Ventana Object