Comment changer la taille de la fenêtre en js ? Comment changer la taille de la fenêtre en js-js tutoriel-php.cn

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

云罗郡主

Libérer： 2018-11-06 17:50:44

original

15369 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!