Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Layar Atas HTML Menggunakan screenTop Window DOM

Properti Window screenTop DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai 'y' atau koordinat vertikal dari sebuah window relatif ke sebuah screen. Properti screenTop mengembalikan sebuah yang merepresentasikan nilai koordinat vertikal dari sebuah window relatif dari sebuah screen.

Sebelum memahami lebih dalam materi tentang Mengatur Layar Atas HTML Menggunakan screenTop Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Layar Kiri HTML Menggunakan screenLeft Window DOM, Window Parent DOM HTML dan Fungsinya, dan pageYOffset Window DOM HTML dan Fungsinya.

Sintak: window.screenTop

Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan jarak window horizontal dan vertikal relatif terhadap screen dalam satuan piksel.

Baca Juga:

Berikut adalah ilustrasi program yang menggunakan properti window screenTop.

Contoh: mendapatkan nilai koordinat vertikal dari sebuah window relatif ke sebuah screen.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Window screenTop 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 screenTop

</h2>

 

<p>

Untuk mengembalikan nilai 

koordinat Y dari window 

relatif terhadap screen, 

lakukan double klik pada 

tombol "Check Screen Top":

</p>

 

<button 

ondblclick="coordinate()">

Check Screen Top

</button>

 

<script>

function coordinate() 

{

var y = window.open("", "myWindow");

 

y.document.write("<p>Welcome to my Window");

 

y.document.write("<br> ScreenTop : " + y.screenTop);

}

</script>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Monik Aulia Nur Hidayah, Muhamad Igo Al-Falasani, Muhamad Rafli, Muhammad Ahsan Ismail, dan Muhammad Arkan Abyasa.

5 komentar untuk "Mengatur Layar Atas HTML Menggunakan screenTop Window DOM"

  1. Sebutkan empat jenis browser yang dapat digunakan untuk mengaktifkan properti window.screenTop DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah empat contoh penggunaan browser yang dapat digunakan untuk mengaktifkan properti window.screenTop DOM pada HTML:
      1> Google Chrome
      2> Internet Explorer
      3> Opera
      4> Safari

      Hapus
  2. Apa yang dimaksud dengan properti read-only screenTop Window DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti read-only window.screenTop DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai jarak secara vertikal, dalam satuan ukur piksel pada CSS, dari batas atas viewport browser pengguna ke sis atas pada layar monitor.

      Hapus
    2. Properti screenTop Window DOM pada HTML digunakan untuk mengembalikan nilai pada posisi Y atau pada posisi vertikal dari jendela relatif terhadap layar.

      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 -