Lompat ke konten Lompat ke sidebar Lompat ke footer

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.


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, Memeriksa Status Java HTML Menggunakan javaEnabled Navigator, dan Memeriksa Agen Pengguna HTML Menggunakan userAgent Navigator.

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.

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

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

    BalasHapus
    Balasan
    1. 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. Apa fungsi dari properti screen availHeight pada HTML?

    BalasHapus
    Balasan
    1. 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. 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 -