tutorial pengembangan web terbaru
 

Jendela resizeBy() Method

<Jendela Object

Contoh

Membuka jendela baru, dan mengubah ukuran lebar dan tinggi 250px relatif terhadap posisi saat ini:

function openWin() {
    myWindow = window.open("", "", "width=100, height=100");  // Opens a new window
}

function resizeWin() {
    myWindow.resizeBy(250, 250);                             // Resizes the new window
    myWindow.focus();                                        // Sets focus to the new window
}
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The resizeBy() metode mengubah ukuran jendela dengan jumlah yang ditentukan, relatif terhadap ukuran saat ini.

Note: Metode ini bergerak sudut kanan bawah jendela dengan jumlah tertentu piksel didefinisikan. Pojok kiri atas tidak akan dipindahkan (tetap dalam koordinat aslinya).

Metode terkait:

  • resizeTo() - mengubah ukuran jendela dengan lebar dan tinggi tertentu
  • moveBy() - Memindahkan jendela relatif terhadap posisi saat ini
  • moveTo() - Memindahkan jendela ke posisi yang ditentukan

Dukungan Browser

metode
resizeBy() iya nih iya nih iya nih iya nih iya nih

Sintaksis

resizeBy( Nilai parameter
Parameter Mengetik Deskripsi
width Number Wajib. Sejumlah positif atau negatif yang menentukan berapa banyak piksel untuk mengubah ukuran lebar oleh
height Number Wajib. Sejumlah positif atau negatif yang menentukan berapa banyak piksel untuk mengubah ukuran tinggi dengan

Rincian teknis

Kembali Nilai: Tidak ada nilai pengembalian
contoh

Contoh lebih

Contoh

Membuka jendela baru, dan mengurangi lebar 50px dan menambah tinggi badan dengan 50px:

myWindow.resizeBy(-50, 50);
Cobalah sendiri "

Contoh

Menggunakan resizeBy() metode bersama dengan resizeTo() :

function resizeWinTo() {
    myWindow.resizeTo(800, 600);
    myWindow.focus();
}

function resizeWinBy() {
    myWindow.resizeBy(-100, -50);
    myWindow.focus();
}
Cobalah sendiri "

Contoh

Mengubah ukuran jendela browser paling atas dengan 100px setiap jalan (hanya berfungsi di IE dan Safari):

top.resizeBy(100, 100);
Cobalah sendiri "
<Jendela Object