Maison >interface Web >js tutoriel >Comment changer la taille de la fenêtre en js ? Comment changer la taille de la fenêtre en js

Comment changer la taille de la fenêtre en js ? Comment changer la taille de la fenêtre en js

云罗郡主original: 2018-11-06 17:50:4415375parcourir

Le contenu de cet article explique comment changer la taille de la fenêtre en js ? La méthode de modification de la taille de la fenêtre en js a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

En JavaScript, vous pouvez utiliser la méthode resizeTo() ou la méthode resizeBy() de l'objet window pour modifier la taille de la fenêtre.

1. Méthode resizeTo()

Syntaxe : window.resizeTo(x, y)

Explication :

x signifie La largeur horizontale modifiée, y représente la hauteur verticale modifiée. Les unités de x et y sont toutes deux px. Le navigateur est livré avec ses propres unités. Nous n'avons besoin que d'utiliser des valeurs numériques.

Par exemple :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function resizeWindow()
        {
            window.resizeTo(200,200);
        }
    </script>
</head>
<body>
    <input type="button" value="改变大小" onclick="resizeWindow()"/>
</body>
</html>

L'effet est le suivant :

2. Méthode resizeBy()

Syntaxe :

1window.resizeBy(x, y)

Explication : Lorsque les valeurs de x et y sont supérieurs à 0, il est développé, lorsqu'il est inférieur à 0, il est réduit. Les unités de x et y sont toutes deux px.

x représente la valeur de chaque expansion ou réduction de la fenêtre dans le sens horizontal, et y représente la valeur de chaque expansion ou réduction de la fenêtre dans le sens vertical.

La différence entre resizeTo(x,y) et resizeBy(x,y) est que : x et y dans resizeTo(x,y) sont des valeurs "modifiées", tandis que dans resizeBy(x,y) x , y sont des valeurs numériques « croissantes ou décroissantes ». « To » signifie un résultat et « by » signifie un processus. Vous comprendrez si vous réfléchissez aux significations anglaises de « to » et « by ».

Exemple :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function resizeToWindow() {
            window.resizeTo(200,200);
        }
        function resizeByWindow() {
            window.resizeBy(50,50);
        }
    </script>
</head>
<body>
    <input type="button" value="resizeTo" onclick="resizeToWindow()"/>
    <input type="button" value="resizeBy" onclick="resizeByWindow()"/>
</body>
</html>

L'effet d'aperçu dans le navigateur est le suivant :

Comment changer la taille de la fenêtre en js ? Comment changer la taille de la fenêtre en js

Analyse :

Nous cliquons d'abord sur le bouton "resizeTo" qui définit la largeur actuelle de la fenêtre à 200 px et la hauteur à 200 px. Ensuite, chaque fois que nous cliquons sur le bouton "resizeBy", nous constaterons que la largeur et la hauteur de la fenêtre actuelle augmenteront de 50px. Tout cela est dû au résultat de window.resizeBy(50,50).

Ce qui précède est une introduction complète à la façon de changer la taille de la fenêtre en js ? Comment changer la taille de la fenêtre en js Si vous voulez en savoir plus sur le Tutoriel JavaScript, veuillez faire attention. sur le site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment vérifier si un objet JavaScript est videArticle suivant：Comment vérifier si un objet JavaScript est vide

Articles Liés

Voir plus