>  기사  >  웹 프론트엔드  >  js에서 창 크기를 변경하는 방법은 무엇입니까?

js에서 창 크기를 변경하는 방법은 무엇입니까?

云罗郡主
云罗郡主원래의
2018-11-06 17:50:4415347검색

이 글의 내용은 js에서 창 크기를 변경하는 방법에 관한 것입니다. js에서 창 크기를 변경하는 방법에는 특정 참고 값이 있으므로 도움이 될 것입니다.

JavaScript에서는 창 개체의 resizeTo() 메서드나 resizeBy() 메서드를 사용하여 창 크기를 변경할 수 있습니다.

1. resizeTo() 메서드

구문: window.resizeTo(x, y)

설명:

x는 변경된 가로 너비를 나타내고, y는 변경된 세로 높이를 나타냅니다. x와 y의 단위는 모두 px입니다. 브라우저에는 숫자 값만 사용하면 됩니다. R 예시: re

<!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>
E

효과는 다음과 같습니다:

js에서 창 크기를 변경하는 방법은 무엇입니까? 2, Resizeby () 메소드

문법:

1window.ressizeby (x, y)

지침: x, y 값이 0보다 크면 확장되고, 0보다 작으면 축소됩니다. x와 y의 단위는 모두 px입니다.

x는 창을 가로 방향으로 확대하거나 축소할 때마다 값을 나타내고, y는 창을 세로 방향으로 확대하거나 축소할 때마다 값을 나타냅니다.

resizeTo(x,y)와 resizeBy(x,y)의 차이점은 resizeTo(x,y)의 x와 y는 "변경된" 값인 반면 resizeBy(x,y)의 x와 y는 "변경된" 값이라는 것입니다. 증가 또는 감소" 숫자 값. To는 결과를 뜻하고, by는 과정을 뜻하는데, to와 by의 영어 뜻을 생각해보면 이해가 되실 겁니다.

예:

<!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>

브라우저의 미리보기 효과는 다음과 같습니다.

분석: js에서 창 크기를 변경하는 방법은 무엇입니까?

먼저 "resizeTo" 버튼을 클릭하여 현재 창 너비를 200px로 설정하고 높이도 로 설정합니다. 200px. 그런 다음 "resizeBy" 버튼을 클릭할 때마다 현재 창의 너비와 높이가 50px씩 증가하는 것을 확인할 수 있습니다. 이는 모두 window.resizeBy(50,50)의 결과 때문입니다.

위는 js에서 창 크기를 변경하는 방법에 대한 전체 소개입니다.

JavaScript 튜토리얼

에 대해 자세히 알고 싶다면 PHP 중국어 웹사이트에 주목하세요.

위 내용은 js에서 창 크기를 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.