Memeriksa Panjang Screen HTML Menggunakan availHeight Screen
Properti screen availHeight pada HTML merupakan properti yang digunakan untuk mengembalikan nilai panjang dari screen user dalam satuan pixels. Nilai yang dikembalikan oleh properti screen availHeight juga termasuk nilai fitur interface seperti Windows Taskbar.
Sintak:
screen.availHeight
Return Values: berfungsi untuk mengembalikan nilai angka yang merepresentasikan ukuran panjang dari screen pengguna dalam satuan pixels.
Berikut adalah ilustrasi program dari properti screen availHeight pada HTML.
Contoh: mendapatkan nilai panjang dari screen pengguna.
 |
| Ilustrasi availHeight HTML |
Sebelum memahami lebih dalam materi tentang Memeriksa Panjang Screen HTML Menggunakan availHeight Screen, terlebih dahulu pelajari materi tentang: Memeriksa Method Taint HTML Menggunakan taintEnabled DOM Navigator [klik], Memeriksa Status Java HTML Menggunakan javaEnabled Navigator [klik], dan Memeriksa Agen Pengguna HTML Menggunakan userAgent Navigator [klik].
screen.availHeight
Return Values: berfungsi untuk mengembalikan nilai angka yang merepresentasikan ukuran panjang dari screen pengguna dalam satuan pixels.
Baca Juga:
Berikut adalah ilustrasi program dari properti screen availHeight pada HTML.
Contoh: mendapatkan nilai panjang dari screen pengguna.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Screen availHeight
property pada HTML
</title>
<style>
h1
{
color: green;}
h2
{
font-family: Impact;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Screen availHeight
</h2>
<p>
Untuk mengembalikan nilai
ukuran screen, lakukan double
klik pada tombol "Screen
Height":
</p>
<button
ondblclick="screen_height()">
Screen Height
</button>
<p id="height"></p>
<script>
function screen_height()
{
var h =
"Screen Height: "
+ screen.availHeight
+ "px";
document.getElementById("height").innerHTML = h;
}
</script>
</body>
</html>
Output:
Blog Elfan
Properti Screen availHeight
Untuk mengembalikan nilai ukuran screen, lakukan double klik pada tombol "Screen Height":
Referensi Tambahan:
- Cara Penggunaan Properti Screen width pada HTML [klik]
- 8 Contoh Penggunaan Properti alignContent Style DOM pada HTML [klik]
- 7 Contoh Penggunaan Properti alignItems Style DOM pada HTML [klik]
- 8 Contoh Penggunaan Properti alignSelf Style DOM pada HTML [klik]
- 8 Value Properti Animasi Style DOM pada HTML [klik]
- 3 Value Properti animationDelay Style DOM pada HTML [klik]
- 6 Value Properti animationDirection Style DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Bahtiar Dwi Cahyo, Belinda Agustina, Bethsaydo Vadesma Hiqma Ramadhan, Bheryant Agustia Bagus Putrawan, dan Cikal Lestania Pramesti.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti screen availHeight pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti screen availHeight pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari properti screen availHeight pada HTML?
BalasHapusProperti availHeight merupakan interface layar yang bersifat read-only yang digunakan untuk mengembalikan nilai tingga dalam ukuran piksel dari ruang yang tersedia untuk konten web pada layar pengguna.
HapusProperti availHeight berfungsi untuk mengembalikan ukuran ketinggian layar pengguna dalam satuan tinggi pixel.
Hapus