최신 웹 개발 튜토리얼
 

창 screenX 및 screenY 속성

<창 개체

화면에 새 창 상대의 x 및 y 좌표를 반환합니다 :

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>");
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

screenX 및 screenY 속성이 리턴 X (horizontal) 및 Y (vertical) 스크린 윈도우 상대 좌표.


브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

재산
screenX 9.0
screenY 9.0

Tip: 당신이 "사용할 수 있습니다 IE8 들어 및 이전 window.screenLeft "와 " window.screenTop를 대신" (See "More Examples") .


통사론

window.screenX
window.screenY

기술적 세부 사항

반환 값 : 픽셀 윈도우 화면의 가로 방향 및 / 또는 수직 방향의 거리를 나타내는 숫자,

예

더 예

좌측 지정과 최고의 위치에 새로운 창을 열고, 그 좌표를 반환 :

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>");
»그것을 자신을 시도

크로스 브라우저 솔루션 (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>");
»그것을 자신을 시도

<창 개체