Lompat ke konten Lompat ke sidebar Lompat ke footer

window.innerWidth HTML DOM dan Fungsinya

Properti Window innerWidth DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai width dari area konten window. Properti innerWidth merupakan properti yang bersifat read-only dan mengembalikan sebuah angka yang merepresentasikan nilai lebar dari area konten window dalam satuan pixel.

Penggunaan Properti window.innerWidth DOM pada HTML
window.innerWidth DOM HTML

Sebelum memahami lebih dalam materi tentang window.innerWidth HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: window.innerHeight HTML DOM dan Fungsinya [klik], Mengatur Bingkai Halaman HTML Menggunakan Frame Window DOM [klik], dan Mengatur Bingkai HTML Menggunakan window.frameElement DOM [klik].

Sintak:
window.innerWidth

Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai width area konten window browser dalam satuan pixel.

Baca Juga:

Berikut adalah ilustrasi program untuk penggunaan properti Window innerWidth.

Contoh: pengembalian nilai frame width saat ini.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Window innerWidth Property in 

HTML

</title>

 

<style>

h1 

{

color: green;

}

 

h2 

{

font-family: Impact;

}

 

body 

{

text-align: center;

}

</style>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Window innerWidth

</h2>

 

<p>

Untuk mengembalikan nilai 

width frame saat ini, double 

klik pada tombol "Check 

Width":

</p>

 

<button 

ondblclick="width()">

Check Width

</button>

 

<p id="measure"></p>

 

<script>

function width() 

{

var w = window.innerWidth;

 

document.getElementById("measure").innerHTML =

"Frame's Width: " + w;

}

</script>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Lubna Rizkita Khairunnida, Lucia Adventia Deannova, Maharani, Mandariska Dara Aprillia, dan Marcela Andarista Maharani.

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

  1. Sebutkan beberapa jenis browser yang dapat digunakan untuk mengktifkan properti window.innerWidth Style DOM pada HTML?

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

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

    BalasHapus
    Balasan
    1. Properti window.innerWidth DOM pada HTML merupakan properti yang bersifat read-only yang digunakan untuk mengembalikan nilai lebar interior window dalam satuan ukur piksel. Properti ini juga termasuk properti lebar bilah gulir vertikal.

      Hapus
    2. Properti innerWidth merupakan properti yang digunakan untuk mengembalikan nilai lebar viewport tatal letak window.

      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 -