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

ウィンドウscreenLeftとscreenTopプロパティ

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

画面に新しいウィンドウの相対的なx、y座標を返します。

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

もっと"Try it Yourself"以下の例。


定義と使用法

screenLeftとscreenTop特性は、xを返し(horizontal)およびy (vertical)の画面にウィンドウの相対座標。


ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
screenLeft はい はい サポートされていません はい はい
screenTop はい はい サポートされていません はい はい

Note: Firefoxの場合、「使用window.screenX 」と「 window.screenYは(See "More Examples" for a cross-browser solution)


構文

window.screenLeft
window.screenTop

技術的な詳細

戻り値: ピクセル単位で画面にウィンドウの相対的な水平方向および垂直方向の距離を表す数値、

例

その他の例

クロスブラウザのソリューション(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>");
»それを自分で試してみてください

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