Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Memeriksa Panjang Screen HTML Menggunakan availHeight Screen

Dipublikasikan Oleh: elfanmauludi 5 komentar
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.

Cara Penggunaan Properti Screen availHeight pada HTML
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].

Sintak:
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":


Artikel ini didedikasikan kepada: Bahtiar Dwi Cahyo, Belinda Agustina, Bethsaydo Vadesma Hiqma Ramadhan, Bheryant Agustia Bagus Putrawan, dan Cikal Lestania Pramesti.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Memeriksa Panjang Screen HTML Menggunakan availHeight Screen"

  1. AnonimSabtu, 26 Maret 2022 pukul 19.37.00 WIB

    Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti screen availHeight pada HTML?

    BalasHapus
    Balasan
    1. AnonimSabtu, 26 Maret 2022 pukul 19.38.00 WIB

      Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti screen availHeight pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. AnonimMinggu, 27 Maret 2022 pukul 12.59.00 WIB

    Apa fungsi dari properti screen availHeight pada HTML?

    BalasHapus
    Balasan
    1. AnonimMinggu, 27 Maret 2022 pukul 12.59.00 WIB

      Properti 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.

      Hapus
    2. AnonimMinggu, 27 Maret 2022 pukul 13.00.00 WIB

      Properti availHeight berfungsi untuk mengembalikan ukuran ketinggian layar pengguna dalam satuan tinggi pixel.

      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 -