Contoh
Kembalikan x dan y koordinat jendela baru relatif terhadap layar:
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>");
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The screenX dan screenY sifat mengembalikan x (horizontal) dan y (vertical) koordinat jendela relatif terhadap layar.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Milik | |||||
---|---|---|---|---|---|
screenX | iya nih | 9.0 | iya nih | iya nih | iya nih |
screenY | iya nih | 9.0 | iya nih | iya nih | iya nih |
Tip: Untuk IE8 dan sebelumnya, Anda dapat menggunakan " window.screenLeft " dan " window.screenTop " bukan (See "More Examples") .
Sintaksis
window.screenX
window.screenY
Rincian teknis
Kembali Nilai: | Sebuah Nomor, yang mewakili jarak horizontal dan / atau vertikal jendela relatif terhadap layar, dalam piksel |
---|
Contoh lebih
Contoh
Membuka jendela baru dengan posisi yang ditentukan kiri dan atas, dan kembali koordinat:
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>");
Cobalah sendiri " Contoh
Solusi 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>");
Cobalah sendiri " <Jendela Object