Örnek
Yeni bir pencere açın ve bugünkü konumuna genişlik ve yükseklik 250px göre yeniden boyutlandırmak:
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
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
resizeBy() metodu mevcut boyutuna göre belirlenen miktarda bir pencere, yeniden boyutlandırılır.
Note: Bu yöntem tanımlanmış piksel belirtilen sayısına göre pencerenin sağ alt köşesinde hareket ettirir. Sol üst köşesi (orjinal koordinatlarda kalır) taşınmaz.
İlgili yöntemleri:
- resizeTo() - Belirtilen genişlik ve yüksekliğe pencerenin boyutlarını
- moveBy() - mevcut konumu için bir pencere göreli olarak hareket ettirir
- moveTo() - belirtilen konuma bir pencere taşır
Tarayıcı Desteği
Yöntem | |||||
---|---|---|---|---|---|
resizeBy() | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
resizeBy( Parametre Değerleri Parametre tip Açıklama width Number Gereklidir. kaç piksel belirten bir pozitif veya negatif bir sayı ile genişliğini yeniden boyutlandırmak için height Number Gereklidir. kaç piksel belirten bir pozitif veya negatif bir sayı ile yüksekliğini yeniden boyutlandırmak için
Teknik detaylar
Geri dönüş değeri: Hiçbir dönüş değeri
Diğer Örnekler
Örnek
Yeni bir pencere açma ve piksel x 50 genişliğini azaltmak ve piksel x 50 yüksekliğini artırmak:
myWindow.resizeBy(-50, 50); Kendin dene "
Örnek
Kullanma resizeBy() ile birlikte bir yöntem resizeTo() :
function resizeWinTo() {
myWindow.resizeTo(800, 600);
myWindow.focus();
}
function resizeWinBy() {
myWindow.resizeBy(-100, -50);
myWindow.focus();
}
Kendin dene "
Örnek
100 piksel ile her yolu (sadece IE ve Safari çalışır) en üstteki tarayıcı penceresini yeniden boyutlandırma:
top.resizeBy(100, 100);
Kendin dene "
<Pencere Nesne