tutoriais mais recente desenvolvimento web
 

Janela screenX e propriedades screenY

<Window Objeto

Exemplo

Devolver as coordenadas x e y da nova janela em relação à tela:

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>");
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

As propriedades screenX e Screeny retorna os x (horizontal) e Y (vertical) coordenadas da janela em relação ao ecrã.


Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.

Propriedade
screenX sim 9 sim sim sim
screenY sim 9 sim sim sim

Tip: Para IE8 e anteriores, você pode usar " window.screenLeft " e " window.screenTop " em vez (See "More Examples") .


Sintaxe

window.screenX
window.screenY

Detalhes técnicos

Valor de retorno: Um número, representando a distância horizontal e / ou vertical da janela em relação à tela, em pixels

Exemplos

mais Exemplos

Exemplo

Abra uma nova janela com uma posição especificada esquerda e superior, e voltar as suas 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>");
Tente você mesmo "

Exemplo

Solução cross browser (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>");
Tente você mesmo "

<Window Objeto