Lompat ke konten Lompat ke sidebar Lompat ke footer

Memeriksa Panjang HTML Menggunakan Height Screen

Properti screen height pada HTML digunakan untuk mengembalikan nilai panjang total dari screen pengguna dalam satuan ukuran piksel.


Sebelum memahami lebih dalam materi tentang Memeriksa Panjang HTML Menggunakan Height Screen, terlebih dahulu pelajari materi tentang: Memeriksa Kedalaman Bit Warna HTML Menggunakan colorDepth Screen, Mendapatkan Lebar Screen HTML Menggunakan availWidth, dan Memeriksa Panjang Screen HTML Menggunakan availHeight Screen.

Sintak: screen.height

Return Values: berfungsi untuk mengembalikan sebuah angka yang merepresentasikan nilai dari panjang total dari ukuran screen pengguna dalam satuan piksel.

Baca Juga:

Berikut adalah ilustrasi program dari penggunaan properti screen height pada HTML.

Contoh: periksa panjang total dari ukuran screen pengguna.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Screen Height HTML

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Screen Height

</h2>

 

<p>

Untuk memeriksa ukuran panjang 

total dari screen pengguna, 

lakukan double klik pada 

tombol "Check Height":

</p>

 

<button 

ondblclick="check_height()">

Check Height

</button>

 

<p id="height"></p>

 

<script>

function check_height() 

{

var h =

"Ukuran panjang total"

+ " adalah: "

+ screen.height 

+ "Piksel";

 

document.getElementById("height").innerHTML = h;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Screen Height

Untuk memeriksa ukuran panjang total dari screen pengguna, lakukan double klik pada tombol "Check Height":


Artikel ini didedikasikan kepada: Bheryant Agustia Bagus Putrawan, Cikal Lestania Pramesti, Citra Hernik, Danang Setyo Handoko, dan Dani Alfian.

5 komentar untuk "Memeriksa Panjang HTML Menggunakan Height Screen"

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

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

      Hapus
  2. Apa yang dimaksud dengan properti screen height pada HTML?

    BalasHapus
    Balasan
    1. Properti screen height berfungsi untuk mengembalikan nilai tinggi total pada layar pengguna. Properti height mengembalikan nilai tersebut dalam satua piksel dan bersifat read-only.

      Hapus
    2. Properti read-only Screen.height berfungsi untuk mengembalikan nilai tinggi pada layar monitor pengguna dalam satuan ukur piksel.

      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 -