이 글의 내용은 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
효과는 다음과 같습니다:
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>브라우저의 미리보기 효과는 다음과 같습니다.
분석:
먼저 "resizeTo" 버튼을 클릭하여 현재 창 너비를 200px로 설정하고 높이도 로 설정합니다. 200px. 그런 다음 "resizeBy" 버튼을 클릭할 때마다 현재 창의 너비와 높이가 50px씩 증가하는 것을 확인할 수 있습니다. 이는 모두 window.resizeBy(50,50)의 결과 때문입니다. 위는 js에서 창 크기를 변경하는 방법에 대한 전체 소개입니다.JavaScript 튜토리얼
에 대해 자세히 알고 싶다면 PHP 중국어 웹사이트에 주목하세요.위 내용은 js에서 창 크기를 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!