Mengatur Ukuran Halaman HTML Menggunakan resizeBy Window DOM
Properti resizeBy() DOM pada HTML merupakan properti window yang digunakan untuk melakukan resize sebuah window sesuai dengan jumlah yang spesifik, relatif terhadap nilai ukuran saat ini.
Sebelum memahami lebih dalam materi tentang Mengatur Ukuran Halaman HTML Menggunakan resizeBy Window DOM, terlebih dahulu pelajari materi tentang: Perintah Prompt HTML Menggunakan Prompt Window DOM [klik], Mencetak Halaman HTML Menggunakan Print Window DOM [klik], dan Membuka dan Menutup Layar HTML window.open dan window.close DOM [klik].
Sintak:
resizeBy(width, height)
Property Values:
 |
| Properti resizeBy() DOM |
Sintak:
resizeBy(width, height)
Property Values:
- width: digunakan untuk menentukan ukuran lebar window dalam satuan ukur piksel.
- height: digunakan untuk menentukan ukuran panjang window dalam satuan ukur piksel.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Window resizeBy() DOM
pada HTML
</title>
<style>
h1
{
color: green;
}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<button
onclick="openWin()">
New window
</button>
<button
onclick="resizeWin()">
Resize window
</button>
<script>
var myWindow;
function openWin()
{
myWindow =
window.open("", "",
"width=100, height=100");
}
function resizeWin()
{
myWindow.resizeBy(300, 300);
myWindow.focus();
}
</script>
</center>
</body>
</html>
Output:
Blog Elfan
Referensi Tambahan:
- Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM [klik]
- Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM [klik]
- Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM [klik]
- Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM [klik]
- Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM [klik]
- Membersihkan Penyimpanan Lokal HTML Menggunakan Local Storage Clear DOM [klik]
- Mengatur Objek Suara HTML Menggunakan Audio Object DOM [klik]
Artikel ini didedikasikan kepada: Nirossa Lusardi, Nor Eka Adi Suryanto, Novia Ramadhani, Nur Annisa Venny Meitasari, dan Nurma Nathalia Utami.
Sebutkan minimal lima contoh browser yang dapat digunakan untuk mengaktifkan properti window.resizeBy() DOM pada HTML?
BalasHapusBerikut ini beberapa contoh browser yang dapat digunakan untuk mengaktifkan properti window.resizeBy() DOM pada HTML:
Hapus< Google Chrome
< Mozilla Firefox
< Edge
< Opera
< Safari
Apa yang dimaksud dengan properti resizeBy() DOM pada HTML?
BalasHapusProperti window.resizeBy() DOM ada HTML merupakan properti window yang digunakan untuk mengubah nilai ukuran window saat ini dengan nilai jumlah yang telah ditentukan sebelumnya.
HapusProperti window.resizeBy() merupakan method yang digunakan untuk mengubah ukuran window relatif terhadap nilai ukuran saat ini.
Hapus