자바스크립트에서 창 크기를 설정하는 방법

JavaScript는 원래 웹 브라우저에서 실행되도록 설계된 스크립팅 언어입니다. 원래는 작고 스크립트 가능한 대화형 프로그래밍 언어로 개발되었습니다. JavaScript는 웹 페이지에 대화형 기능을 추가하고 웹 페이지에 더욱 동적인 효과를 제공할 수 있습니다. 이 기사에서는 JavaScript를 통해 창 크기를 설정하고 창 크기를 설정하는 몇 가지 일반적이고 실용적인 방법을 소개합니다.

window.innerWidth 및 window.innerHeight 사용

window.innerWidth 및 window.innerHeight는 가장 기본적인 창 크기 속성으로 브라우저 창의 너비와 높이를 가져오는 데 사용할 수 있습니다. 이 두 속성은 도구 모음, 스크롤 막대, 테두리 등을 제외하고 실제로 화면에 표시될 수 있는 창의 크기인 표시 영역을 정의합니다.

console.log(window.innerWidth); //返回窗口的宽度
console.log(window.innerHeight); //返回窗口的高度

window.resizeTo() 메서드

window.resizeTo() 메서드를 사용하여 현재 창 크기를 지정된 너비와 높이로 설정하세요.

window.resizeTo(500,500);

이렇게 하면 창 크기가 너비 500픽셀, 높이 500픽셀로 설정됩니다.

window.resizeBy() 메서드를 사용하세요

window.resizeBy() 메서드를 사용하면 현재 창의 크기가 조정됩니다. 가로 값과 세로 값이라는 두 가지 매개변수를 사용합니다. 매개변수는 양수 또는 음수일 수 있습니다.

window.resizeBy(100,50); //增加宽度100像素和高度50像素

이렇게 하면 창 크기가 너비 100픽셀, 높이 50픽셀씩 늘어납니다.

documentElement.clientWidth 및 document.documentElement.clientHeight를 사용하세요

document.documentElement.clientWidth 및 document.documentElement.clientHeight를 사용하여 페이지의 표시 영역의 너비와 높이를 가져올 수 있습니다. 다양한 시각적 디자인의 해상도로 작업하는 데 유용합니다.

console.log(document.documentElement.clientWidth); //返回页面的宽度
console.log(document.documentElement.clientHeight); //返回页面的高度

screen.width 및 screen.height 사용

screen.width 및 screen.height를 사용하여 현재 화면의 너비와 높이를 얻을 수 있습니다. 이는 창 크기를 조정하는 다른 방법과 함께 사용하면 유용합니다.

console.log(screen.width); //返回屏幕的宽度
console.log(screen.height); //返回屏幕的高度

결론적으로 자바스크립트에서 창 크기를 설정하는 것은 매우 유용한 기술입니다. 위에 소개된 방법은 가장 일반적으로 사용되며 실용적인 방법입니다. 현재 창의 크기를 조정해야 하거나 브라우저 창의 크기를 제어해야 하는 경우 이러한 방법을 사용하면 작업을 완료하는 데 도움이 될 수 있습니다. 이 기사가 웹 프로젝트 개발 과정에서 유용한 지침을 제공할 수 있기를 바랍니다.

위 내용은 자바스크립트에서 창 크기를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!