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.
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
 |
| Window outherHeight DOM |
Sintak:
window.outerHeight
Baca Juga:
Berikut adalah program ilustrasi properti Window outerHeight.
Contoh: mendapatkan nilai height dari browser window.
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":
Referensi Tambahan:
- Penggunaan Properti screenLeft Window DOM pada HTML [klik]
- Penggunaan Properti screenTop Window DOM pada HTML [klik]
- Penggunaan Properti screenX Window DOM pada HTML [klik]
- Penggunaan Properti screenY Window DOM pada HTML [klik]
- Penggunaan Properti sessionStorage() Window DOM pada HTML [klik]
- Penggunaan Properti self() Window DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Window Status DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Maulana Ishaq Handi Putra, Maulia Fandhi Suprapto, Mavra Guher, Maya Putri Valentina, dan Minerva Putri Jullianne Bahrudin.
Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti window.outerHeight DOM pada HTML?
BalasHapusBerikut ini adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window.outerHeight DOM pada HTML:
Hapusa. Google Chrome
b. Internet Explorer
c. Firefox
d. Opera
e. Safari
Apa yang dimaksud dengan properti window.outHeight DOM pada HTML?
BalasHapusProperti 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.
HapusProperti 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