Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Penggunaan Properti resizeBy() Window DOM pada HTML
Properti resizeBy() DOM

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
  • 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.

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

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

    BalasHapus
    Balasan
    1. 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. Apa yang dimaksud dengan properti resizeBy() DOM pada HTML?

    BalasHapus
    Balasan
    1. 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. 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 -