JavaScript로 다양한 브라우저의 창 크기를 얻는 방법은 무엇입니까?

브라우저의 차이로 인해 많은 정보를 얻을 때 호환성을 고려해야 합니다. 창에서 사용할 수 있는 문서의 크기는 브라우저가 다르고 버전도 다르기 때문에 종종 필요한 정보입니다. 이 기사에서도 소개된 기능은 이 정보를 얻기 위해 다양한 브라우저와 호환됩니다. 동시에 이 기사에서는 브라우저가 이 정보를 처리하는 방식의 차이점도 자세히 설명합니다.

다양한 브라우저에 표시되는 창 크기 가져오기 정보:

<script> <br/>function getInfo() <br/>{ <br/>var s = ""; <br/>s = "웹 페이지의 표시 영역이 넓습니다:" document.body.clientWidth <br/>s = "웹 페이지의 표시 영역이 높습니다:" document .body.clientHeight; <br/>s = "웹 페이지가 표시됩니다. 영역 너비: " document.body.offsetWidth "(가장자리 및 스크롤 막대의 너비 포함)" <br/>s = " 높이 웹 페이지의 가시 영역: " document.body.offsetHeight "(가장자리 너비 포함)"; #🎜 🎜#s = "웹 페이지의 전체 텍스트 너비:" document.body.scrollWidth ; <br/>s = "웹페이지 전체 텍스트의 높이:" document.body.scrollHeight <br/>s = "스크롤할 때 웹페이지의 높이(ff): " document. body.scrollTop; <br/>s = " 웹페이지가 스크롤되는 높이(예:): " document.documentElement.scrollTop; <br/>s = " 스크롤할 웹페이지의 왼쪽: " document . body.scrollLeft; <br/>s = " 웹페이지 본문: " window.screenTop <br/>s = " 웹페이지 본문 왼쪽: " #🎜 🎜#s = " 화면 해상도 높이: " window.screen.height; <br/>s = " 화면 해상도 너비: " window.screen.width <br/>s = " 화면에서 사용 가능한 작업 영역 높이: " 창. screen.availHeight; # 🎜🎜#s = " 화면 사용 가능한 작업 영역 너비: " window.screen.availWidth; <br/>s = " 화면 설정은 " window.screen.colorDepth " 비트 색상"입니다. s = " 화면 설정 " window.screen.deviceXDPI " 픽셀/인치" <br/>//alert (s) <br/>} <br/></script>> ;#🎜 🎜#

내 로컬 테스트에서:


IE, FireFox 및 Opera에서 사용할 수 있습니다

document.body.clientWidth # 🎜🎜 #document.body.clientHeight

받으실 수 있어요, 아주 간단하고 편리해요. 회사 프로젝트에서는

Opera는 여전히


document.body.clientWidth
document.body를 사용합니다.

그러나 IE와 FireFox는

document.documentElement.clientWidth
document.documentElement.clientHeight

Original을 사용합니다. 는 문제를 일으키는 W3C 표준

다음 태그 줄을 페이지에 추가하는 경우 IE에서는 다음과 같습니다.

document.body.clientWidth = => BODY 개체 너비
document.body.clientHeight ==> BODY 개체 높이

document.documentElement.clientWidth ==> 표시 영역 너비

document.documentElement.clientHeight ==> ; 표시 영역 높이

FireFox에서:

document.body.clientWidth ==> .clientHeight ==> BODY 객체 높이
document.documentElement.clientWidth ==> 표시 영역 너비

document.documentElement.clientHeight ==> 표시 영역 높이

🎜🎜#In Opera:

document.body.clientWidth ==> 표시 영역 너비
document.body.clientHeight ==>
document.documentElement.clientWidth ==> 페이지 개체 너비(즉, BODY 개체 너비 + 여백 너비)
document.documentElement.clientHeight ==> 페이지 개체 높이(즉, BODY 개체 높이) 플러스 여백 너비) 여백이 높습니다)

W3C 표준이 정의되지 않은 경우

IE는 다음과 같습니다.

document .documentElement.clientWidth = => 0
document.documentElement.clientHeight ==> 0

FireFox는:

document.documentElement.clientWidth ==> 페이지 개체 너비(즉, BODY 개체 너비 + 여백 너비) document.documentElement.clientHeight ==> 페이지 개체 높이(즉, BODY 개체 높이 + 여백 높이)

# 🎜🎜##🎜🎜 #Opera is:

document.documentElement.clientWidth ==> 페이지 개체 너비(즉, BODY 개체 너비 + 여백 너비) document.documentElement.clientHeight ==> 페이지 객체 높이(즉, BODY 객체의 높이에 Margin의 높이를 더한 값)

JS 브라우저 창 크기 가져오기

ㅋㅋㅋㅋㅋㅋ

위 내용은 JavaScript로 다양한 브라우저의 창 크기를 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!