Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Koordinat Y HTML Menggunakan screenY Window DOM

Properti Window screenY DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai 'y' atau nilai koordinat vertikal dari sebuah window relatif terhadap screen. Properti Window screenY mengembalikan sebuah angka yang merepresentasikan nilai jarak vertikal dari sebuah window relatif terhadap screen dalam satuan ukur piksel.

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

Berikut adalah ilustrasi program yang menggunakan properti window.screenY DOM pada HTML.

Baca Juga:

Contoh: Pemeriksaan koordinat Y dari sebuah window relatif terhadap screen.

<!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>

Output:

Blog Elfan

Properti Window screenY

Untuk mengembalikan nilai koordinat Y dari window relatif terhadap screen, lakukan double klik pada tombol "Check Y Coordinate":


Artikel ini didedikasikan kepada: Muhamad Rafli, Muhammad Ahsan Ismail, Muhammad Arkan Abyasa, Muhammad Ferdiansyach Nursy Saputra, dan Muhammad Iqra Orisha I.B.Matong.

5 komentar untuk "Mengatur Koordinat Y HTML Menggunakan screenY Window DOM"

  1. Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti screenY DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini diberikan beberapa contoh browser yang dapat digunakan untuk mengaktifkan properti screenY Window DOM pada HTML:
      11. Google Chrome
      22. Internet Explorer
      33. Firefox
      44. Opera
      55. Safari

      Hapus
  2. Apa yang dimaksud dengan properti screenY Window DOM pada dokumen HTML?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
    2. Properti 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

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 -