Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Panjang Luar HTML Menggunakan outerHeight DOM

Properti window outerHeight DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai outer height dari browser window. Properti ini mencakup segala elemen interface seperti toolbars, scrollbars, dan lain sebagainya. Properti outerHeight merupakan properti yang bersifat read-only dan mengembalikan sebuah angka yang merepresentasikan nilai height dari window browser dalam satuan pixel.

Penggunaan Properti outerHeight DOM pada HTML
Window outherHeight DOM

Sebelum memahami lebih dalam materi tentang Mengatur Panjang Luar HTML Menggunakan outerHeight DOM, terlebih dahulu pelajari materi tentang: Window Opener HTML DOM dan Fungsinya [klik], Mengatur Nama Halaman HTML Menggunakan window.name DOM [klik], dan Penyimpanan Data Lokal HTML Menggunakan localStorage DOM [klik].

Sintak:
window.outerHeight

Baca Juga:

Berikut adalah program ilustrasi properti Window outerHeight.

Contoh: mendapatkan nilai height dari browser window.

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Window outerHeight 

Property DOM pada HTML

</title>

 

<style>

h1 

{

color: green;

}

 

h2 

{

font-family: Impact;

}

 

body 

{

text-align: center;

}

</style>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Window outerHeight

</h2>

 

<p>

Untuk mengembalikan nilai 

height browser window, lakukan 

double klik pada tombol "Check 

Height":

</p>

 

<button 

ondblclick="pixel()">

Check Height

</button>

 

<p id="outerheight"></p>

 

<script>

function pixel() 

{

var height = window.outerHeight;

 

document.getElementById("outerheight").innerHTML =

"Height : " + height;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Window outerHeight

Untuk mengembalikan nilai height browser window, lakukan double klik pada tombol "Check Height":


Artikel ini didedikasikan kepada: Maulana Ishaq Handi Putra, Maulia Fandhi Suprapto, Mavra Guher, Maya Putri Valentina, dan Minerva Putri Jullianne Bahrudin.

5 komentar untuk "Mengatur Panjang Luar HTML Menggunakan outerHeight DOM"

  1. Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti window.outerHeight DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.outerHeight DOM pada HTML:
      a. Google Chrome
      b. Internet Explorer
      c. Firefox
      d. Opera
      e. Safari

      Hapus
  2. Apa yang dimaksud dengan properti window.outHeight DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti window.outHeight DOM pada HTML merupakan properti yang bersifat read-only yang digunakan untuk mengembalikan nilai height atau nilai tinggi dalam satu piksel pada seluruh nilai window browser, termasuk juga nilai bilah sis, dan window chrome, serta nilai batas atau nilai pegangan pengubahan ukuran window.

      Hapus
    2. Properti outHeight DOM pada HTML merupakan nilai properti yang dapat digunakan untuk mengembalikan nilai ketinggian dari luar jendela browser, termasuk semua nilai elemen antar muka seperti nilai toolbar dan scrollbar.

      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 -