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 [klik], Window Parent DOM HTML dan Fungsinya [klik], dan pageYOffset Window DOM HTML dan Fungsinya [klik].
Sintak:
window.screenTop
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan jarak window horizontal dan vertikal relatif terhadap screen dalam satuan piksel.
Berikut adalah ilustrasi program yang menggunakan properti window screenTop.
Contoh: mendapatkan nilai koordinat vertikal dari sebuah window relatif ke sebuah screen.
 |
| Properti screenTop DOM |
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:
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>
Referensi Tambahan:
- 2 Contoh Penggunaan Properti Window Status DOM pada HTML [klik]
- Penggunaan Properti top() Window DOM pada HTML [klik]
- 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
Artikel ini didedikasikan kepada: Monik Aulia Nur Hidayah, Muhamad Igo Al-Falasani, Muhamad Rafli, Muhammad Ahsan Ismail, dan Muhammad Arkan Abyasa.
Sebutkan empat jenis browser yang dapat digunakan untuk mengaktifkan properti window.screenTop DOM pada HTML?
BalasHapusBerikut ini adalah empat contoh penggunaan browser yang dapat digunakan untuk mengaktifkan properti window.screenTop DOM pada HTML:
Hapus1> Google Chrome
2> Internet Explorer
3> Opera
4> Safari
Apa yang dimaksud dengan properti read-only screenTop Window DOM pada HTML?
BalasHapusProperti 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.
HapusProperti screenTop Window DOM pada HTML digunakan untuk mengembalikan nilai pada posisi Y atau pada posisi vertikal dari jendela relatif terhadap layar.
Hapus