Los últimos tutoriales de desarrollo web
 

Ventana screenLeft y screenTop Propiedades

<Ventana Object

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>ScreenLeft: " + myWindow.screenLeft);
myWindow.document.write("<br>ScreenTop: " + myWindow.screenTop + "</p>");
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

Las propiedades screenLeft y screenTop 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
screenLeft No soportado
screenTop No soportado

Note: Para Firefox, utilizan " window.screenX " y " window.screenY " (See "More Examples" for a cross-browser solution) .


Sintaxis

window.screenLeft
window.screenTop

Detalles técnicos

Valor de retorno: Un número, que representa la distancia horizontal y vertical de la ventana con respecto a la pantalla, en píxeles

Ejemplos

Más ejemplos

Ejemplo

Solución de navegadores (using screenX and screenY 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