window.innerHeight HTML DOM dan Fungsinya
Properti Window innerHeight DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai height dari sebuah area konten window yang sedang digunakan. Properti ini merupakan properti read-only dan mengembalikan sebuah angka yang merepresentasikan nilai height dari area konten window browser dalam satuan pixel.
Sebelum memahami lebih dalam materi tentang window.innerHeight HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Bingkai Halaman HTML Menggunakan Frame Window DOM [klik], Mengatur Bingkai HTML Menggunakan window.frameElement DOM [klik], dan Mengatur Status Default HTML Menggunakan window.defaultStatus DOM [klik].
Sintak:
window.innerHeight
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai height area konten window browser dalam satuan pixel.
 |
| window.innerHeight DOM HTML |
Sintak:
window.innerHeight
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai height area konten window browser dalam satuan pixel.
Baca Juga:
Berikut adalah ilustrasi properti yang menggunakan properti Window innerHeight.
Contoh: mengembalikan nilai height frame saat ini.
Contoh: mengembalikan nilai height frame saat ini.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window innerHeight
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 innerHeight
</h2>
<p>
Untuk mengembalikan nilai
height frame saat ini, lakukan
double klik pada tombol "Check
Height" button:
</p>
<button
ondblclick="height()">
Check Height
</button>
<p id="measure"></p>
<script>
function height()
{
var h = window.innerHeight;
document.getElementById("measure").innerHTML
= "Frame's Height: " + h;
}
</script>
</body>
</html>
Referensi Tambahan:
- Penggunaan Properti Window Opener DOM pada HTML [klik]
- Penggunaan Properti outerHeight DOM pada HTML [klik]
- Penggunaan Properti outerWidth Window DOM pada HTML [klik]
- Penggunaan Properti pageXOffset Window DOM pada HTML [klik]
- Penggunaan Properti pageYOffset Window DOM pada HTML [klik]
- Penggunaan Properti Window Parent DOM pada HTML [klik]
- Penggunaan Properti screenLeft Window DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Linda Kurnia Putri, Lubna Rizkita Khairunnida, Lucia Adventia Deannova, Maharani, dan Mandariska Dara Aprillia.
Jenis browse apa saja yang dapat digunakan untuk mengaktifkan properti window.innerHeight Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.innerHeight Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti window.innerHeight DOM pada HTML?
BalasHapusProperti window.innerHeight DOM pada HTML merupakan properti yang bersifat read-only dari interface window yang mengembalikan nilai tinggi dari interior window dalam satuan piksel, juga termasuk nilai tinggi bilah gulir horizontal.
HapusNilai innerHeight diambil dari nilai tinggi viewport tata letak jendela atau tata letak window, dimana nilai lebarnya dapat diperoleh dengan menggunakan properti innerWidth.
Hapus