Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Penggunaan Properti window.innerHeight DOM pada HTML
window.innerHeight DOM HTML

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.


Berikut adalah ilustrasi properti yang menggunakan properti Window innerHeight.

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>


Artikel ini didedikasikan kepada: Linda Kurnia Putri, Lubna Rizkita Khairunnida, Lucia Adventia Deannova, Maharani, dan Mandariska Dara Aprillia.

5 komentar untuk "window.innerHeight HTML DOM dan Fungsinya"

  1. Jenis browse apa saja yang dapat digunakan untuk mengaktifkan properti window.innerHeight Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.innerHeight Style DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti window.innerHeight DOM pada HTML?

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

      Hapus
    2. Nilai innerHeight diambil dari nilai tinggi viewport tata letak jendela atau tata letak window, dimana nilai lebarnya dapat diperoleh dengan menggunakan properti innerWidth.

      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 -