JavaScript에서 화면, 창 및 페이지 크기를 어떻게 얻습니까?

브라우저 전반의 화면 및 창 크기 결정

웹 개발자는 사용자 화면, 현재 웹 페이지 및 브라우저 창을 정확하게 측정해야 하는 경우가 많습니다. 구체적인 접근 방식은 브라우저마다 다를 수 있지만 이러한 크기를 검색하기 위한 확립된 방법이 있습니다.

화면 및 창 크기 검색

사용자 화면의 크기를 확인하려면 다음을 사용하세요. 속성:

• screenWidth
• screenHeight

브라우저 창 크기의 경우 다음을 활용하세요. 속성:

• windowWidth
• windowHeight

페이지 크기 검색

To 현재 웹페이지의 크기를 측정하려면 JavaScript를 사용하거나 jQuery.

JavaScript:

document.documentElement.scrollHeight; // pageHeight
document.documentElement.scrollWidth; // pageWidth

jQuery:

$(document).height(); // pageHeight
$(document).width(); // pageWidth

스크롤 위치 결정

현재 문서 내에서 스크롤 위치를 찾으려면 다음을 사용하십시오. 속성:

• pageX
• pageY

브라우저 호환성

앞서 언급한 내용 방법은 Chrome, Firefox, Edge 및 Safari를 포함한 주요 브라우저에서 널리 지원됩니다. 그러나 상호 호환성을 보장하기 위해 항상 여러 브라우저에서 코드를 테스트하는 것이 좋습니다.

위 내용은 JavaScript에서 화면, 창 및 페이지 크기를 어떻게 얻습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!