Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Mengatur Ukuran Halaman HTML Menggunakan resizeBy Window DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
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, Mencetak Halaman HTML Menggunakan Print Window DOM, dan Membuka dan Menutup Layar HTML window.open dan window.close 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.


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


Artikel ini didedikasikan kepada: Nirossa Lusardi, Nor Eka Adi Suryanto, Novia Ramadhani, Nur Annisa Venny Meitasari, dan Nurma Nathalia Utami.
Location: Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Mengatur Ukuran Halaman HTML Menggunakan resizeBy Window DOM"

  1. AnonimMinggu, 09 Oktober 2022 pukul 06.58.00 WIB

    Sebutkan minimal lima contoh browser yang dapat digunakan untuk mengaktifkan properti window.resizeBy() DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimMinggu, 09 Oktober 2022 pukul 06.59.00 WIB

      Berikut ini beberapa contoh browser yang dapat digunakan untuk mengaktifkan properti window.resizeBy() DOM pada HTML:
      < Google Chrome
      < Mozilla Firefox
      < Edge
      < Opera
      < Safari

      Hapus
  2. AnonimRabu, 12 Oktober 2022 pukul 09.05.00 WIB

    Apa yang dimaksud dengan properti resizeBy() DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimRabu, 12 Oktober 2022 pukul 09.05.00 WIB

      Properti window.resizeBy() DOM ada HTML merupakan properti window yang digunakan untuk mengubah nilai ukuran window saat ini dengan nilai jumlah yang telah ditentukan sebelumnya.

      Hapus
    2. AnonimRabu, 12 Oktober 2022 pukul 09.05.00 WIB

      Properti window.resizeBy() merupakan method yang digunakan untuk mengubah ukuran window relatif terhadap nilai ukuran saat ini.

      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 -