Mengatur Panjang Luar HTML Menggunakan outerHeight 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, Mengatur Nama Halaman HTML Menggunakan window.name DOM, dan Penyimpanan Data Lokal HTML Menggunakan localStorage DOM.
Sintak: 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":
- Penggunaan Properti screenLeft Window DOM pada HTML
- Penggunaan Properti screenTop Window DOM pada HTML
- Penggunaan Properti screenX Window DOM pada HTML
- Penggunaan Properti screenY Window DOM pada HTML
- Penggunaan Properti sessionStorage() Window DOM pada HTML
- Penggunaan Properti self() Window DOM pada HTML
- 2 Contoh Penggunaan Properti Window Status DOM pada HTML
5 komentar untuk "Mengatur Panjang Luar HTML Menggunakan outerHeight DOM"
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 -
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