最新のWeb開発のチュートリアル
 

ウィンドウが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>");
»それを自分で試してみてください

<ウィンドウオブジェクト