JavaScript에서 화면, 웹 페이지 및 브라우저 창 크기를 어떻게 얻을 수 있습니까?

다양한 브라우저에서 창 및 화면 크기 결정

화면, 웹 페이지 및 브라우저 창의 크기를 구하는 것은 다양한 브라우저에서 매우 중요할 수 있습니다. 웹 개발 작업. 다행히도 주요 브라우저 전반에 걸쳐 이를 달성하기 위한 여러 접근 방식이 있습니다.

화면 크기

사용자 화면의 크기를 얻으려면:

• 모던 브라우저:

  window.screen.height;
  window.screen.width;

  로그인 후 복사

웹 페이지 크기

웹 페이지 크기에 대해 다음을 활용할 수 있습니다.

• 모던 브라우저:

  window.innerHeight;
  window.innerWidth;

  로그인 후 복사

브라우저 창 크기

브라우저 창 크기를 결정하려면 차원:

• jQuery:

  // Size of browser viewport.
  $(window).height();
  $(window).width();

  로그인 후 복사

언급된 차원 외에도 다음을 얻을 수 있습니다. 값:

• pageX, pageY: 사용자 마우스 커서의 페이지 좌표.
• screenX, screenY: 사용자 마우스의 화면 좌표 커서.

레거시 접근 방식

window.screen 및 window.innerWidth가 표준화되기 전에는 jQuery 라이브러리를 사용하여 크기를 계산할 수 있었습니다. 그러나 이러한 방법은 더 이상 사용되지 않으며 더 이상 권장되지 않습니다.

• 페이지 크기:

  $(document).height();
  $(document).width();

  로그인 후 복사

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