window.innerWidth HTML DOM dan Fungsinya
Sebelum memahami lebih dalam materi tentang window.innerWidth HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: window.innerHeight HTML DOM dan Fungsinya, Mengatur Bingkai Halaman HTML Menggunakan Frame Window DOM, dan Mengatur Bingkai HTML Menggunakan window.frameElement DOM.
Sintak: window.innerWidth
Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai width area konten window browser dalam satuan pixel.
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>
- 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
- Penggunaan Properti screenTop Window DOM pada HTML
5 komentar untuk "window.innerWidth 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 -
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