window.innerHeight HTML DOM dan Fungsinya
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, Mengatur Bingkai HTML Menggunakan window.frameElement DOM, dan Mengatur Status Default HTML Menggunakan window.defaultStatus DOM.
Sintak: window.innerHeight
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai height area konten window browser dalam satuan pixel.
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>
- Penggunaan Properti Window Opener DOM pada HTML
- Penggunaan Properti outerHeight DOM pada HTML
- Penggunaan Properti outerWidth Window DOM pada HTML
- Penggunaan Properti pageXOffset Window DOM pada HTML
- Penggunaan Properti pageYOffset Window DOM pada HTML
- Penggunaan Properti Window Parent DOM pada HTML
- Penggunaan Properti screenLeft Window DOM pada HTML
5 komentar untuk "window.innerHeight HTML DOM dan Fungsinya"
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 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