Exemple
Ouvrir une nouvelle fenêtre, et redimensionner la largeur et la hauteur 250px par rapport à sa position actuelle:
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
}
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le resizeBy() méthode redimensionne la fenêtre de la quantité spécifiée, par rapport à sa taille actuelle.
Note: Cette méthode déplace le coin inférieur droit de la fenêtre par le nombre spécifié de pixels définis. Le coin supérieur gauche ne sera pas déplacé (il reste dans ses coordonnées d'origine).
Méthodes connexes:
- resizeTo() - redimensionne la fenêtre à la largeur et la hauteur spécifiées
- moveBy() - Déplace une fenêtre par rapport à sa position actuelle
- moveTo() - Déplace une fenêtre à la position spécifiée
Support du navigateur
méthode | |||||
---|---|---|---|---|---|
resizeBy() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
resizeBy( Les valeurs des paramètres Paramètre Type La description width Number Champs obligatoires. Un nombre positif ou négatif, qui indique le nombre de pixels pour redimensionner la largeur par height Number Champs obligatoires. Un nombre positif ou négatif, qui indique le nombre de pixels pour redimensionner la hauteur par
Détails techniques
Valeur de retour: Aucune valeur de retour
autres exemples
Exemple
Ouvrez une nouvelle fenêtre et diminuer la largeur de 50px et augmenter la hauteur par 50px:
myWindow.resizeBy(-50, 50); Essayez vous - même »
Exemple
Utilisation de la resizeBy() méthode avec resizeTo() :
function resizeWinTo() {
myWindow.resizeTo(800, 600);
myWindow.focus();
}
function resizeWinBy() {
myWindow.resizeBy(-100, -50);
myWindow.focus();
}
Essayez vous - même »
Exemple
Redimensionner la fenêtre supérieure du navigateur avec 100px chaque moyen (ne fonctionne que dans IE et Safari):
top.resizeBy(100, 100);
Essayez vous - même »
<Object Window