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.
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.
Berikut adalah ilustrasi program untuk penggunaan properti Window innerWidth.
Contoh: pengembalian nilai frame width saat ini.
 |
| window.innerWidth DOM HTML |
Sintak:
window.innerWidth
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai width area konten window browser dalam satuan pixel.
Baca Juga:
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>
Referensi Tambahan:
- 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]
- Penggunaan Properti screenTop Window DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Lubna Rizkita Khairunnida, Lucia Adventia Deannova, Maharani, Mandariska Dara Aprillia, dan Marcela Andarista Maharani.
Sebutkan beberapa jenis browser yang dapat digunakan untuk mengktifkan properti window.innerWidth Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.innerWIdth Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti innerWidth DOM pada HTML?
BalasHapusProperti 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.
HapusProperti innerWidth merupakan properti yang digunakan untuk mengembalikan nilai lebar viewport tatal letak window.
Hapus