Neueste Web-Entwicklung Tutorials
 

Fenster screenX und screenY Eigenschaften

<Fensterobjekt

Beispiel

Liefert die X- und Y-Koordinaten des neuen Fensters relativ zu dem Bildschirm:

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>");
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die screenX und screenY Eigenschaften liefert die x (horizontal) und y (vertical) Koordinaten des Fensters relativ zum Bildschirm.


Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Eigentum
screenX Ja 9.0 Ja Ja Ja
screenY Ja 9.0 Ja Ja Ja

Tip: Für IE8 und früher, können Sie „verwenden window.screenLeft “ und „ window.screenTop “ statt (See "More Examples") .


Syntax

window.screenX
window.screenY

Technische Details

Rückgabewert: Eine Zahl ist, die die horizontalen und / oder vertikalen Abstand des Fensters relativ zu dem Bildschirm in Pixeln

Beispiele

Mehr Beispiele

Beispiel

Öffnen Sie ein neues Fenster mit einer bestimmten links und Top-Position, und das Rück seine Koordinaten:

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>");
Versuch es selber "

Beispiel

Cross - Browser - Lösung (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>");
Versuch es selber "

<Fensterobjekt