Mengatur Koordinat Y HTML Menggunakan screenY Window DOM
Sebelum memahami lebih dalam materi tentang Mengatur Koordinat Y HTML Menggunakan screenY Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Nilai X Layar Monitor HTML Menggunakan screenX Window DOM [klik], Mengatur Layar Atas HTML Menggunakan screenTop Window DOM [klik], dan Mengatur Layar Kiri HTML Menggunakan screenLeft Window DOM [klik].
Sintak:
window.screenY
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window screenY DOM
pada HTML
</title>
<style>
h1
{
color: green;
}
h2
{
font-family: Impact;
}
body
{
text-align: center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Window screenY
</h2>
<p>
Untuk mengembalikan nilai
koordinat Y dari window
relatif terhadap screen,
lakukan double klik pada
tombol "Check Y Coordinate":
</p>
<button
ondblclick="coordinate()">
Check Y Coordinate
</button>
<script>
function coordinate()
{
var Y = window.open("", "myWindow");
Y.document.write
("<p>Welcome to my Window");
Y.document.write
("<br>Y Coordinate : " + Y.screenY + "</p>");
}
</script>
</body>
</html>
Blog Elfan
Properti Window screenY
Untuk mengembalikan nilai koordinat Y dari window relatif terhadap screen, lakukan double klik pada tombol "Check Y Coordinate":
- Penggunaan Properti alert() Window DOM pada HTML [klik]
- Penggunaan Properti atob() Window DOM pada HTML [klik]
- Penggunaan Properti Blur dan Focus Window DOM pada HTML [klik]
- Penggunaan Properti btoa() Window DOM pada HTML [klik]
- Penggunaan Properti clearTimeout() dan clearInterval() Window DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti confirm Window DOM pada HTML [klik]
- Penggunaan Properti getComputedStyle() DOM pada HTML [klik]
5 komentar untuk "Mengatur Koordinat Y HTML Menggunakan screenY Window DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti screenY DOM pada HTML?
BalasHapusBerikut ini diberikan beberapa contoh browser yang dapat digunakan untuk mengaktifkan properti screenY Window DOM pada HTML:
Hapus11. Google Chrome
22. Internet Explorer
33. Firefox
44. Opera
55. Safari
Apa yang dimaksud dengan properti screenY Window DOM pada dokumen HTML?
BalasHapusProperti read-only window.screenY merupakan properti yang digunakan oleh kebanyakan user untuk mengembalikan nilai jarak secara vertikal, dalam satuan piksel dari nilai batas atas viewport browser ke batas tepi atas layar.
HapusProperti screenY merupakan properti yang diterapkan pada hampir sebagian besar browser modern dalam tipe update terbaru saat ini, dimana pada awal pengembangan properti ini, penggunaannya hanya didukung browser Internet Explorer saja, tetapi kemudian mulai digunakan diberbagai browser lainnya karena kepopuleran dari properti window.screenX tersebut.
Hapus