브라우저의 차이로 인해 많은 정보를 얻을 때 호환성을 고려해야 합니다. 창에서 사용할 수 있는 문서의 크기는 브라우저가 다르고 버전도 다르기 때문에 종종 필요한 정보입니다. 이 기사에서도 소개된 기능은 이 정보를 얻기 위해 다양한 브라우저와 호환됩니다. 동시에 이 기사에서는 브라우저가 이 정보를 처리하는 방식의 차이점도 자세히 설명합니다.
다양한 브라우저에 표시되는 창 크기 가져오기 정보:
내 로컬 테스트에서:
IE, FireFox 및 Opera에서 사용할 수 있습니다
받으실 수 있어요, 아주 간단하고 편리해요. 회사 프로젝트에서는
Opera는 여전히
document.body.clientWidth
document.body를 사용합니다.
그러나 IE와 FireFox는
document.documentElement.clientWidth
document.documentElement.clientHeight
다음 태그 줄을 페이지에 추가하는 경우 IE에서는 다음과 같습니다.
document.body.clientWidth = => BODY 개체 너비
document.body.clientHeight ==> BODY 개체 높이
document.documentElement.clientHeight ==> ; 표시 영역 높이
FireFox에서:
document.body.clientWidth ==> .clientHeight ==> BODY 객체 높이
document.documentElement.clientWidth ==> 표시 영역 너비
🎜🎜#In Opera:
document.body.clientWidth ==> 표시 영역 너비
document.body.clientHeight ==>
document.documentElement.clientWidth ==> 페이지 개체 너비(즉, BODY 개체 너비 + 여백 너비)
document.documentElement.clientHeight ==> 페이지 개체 높이(즉, BODY 개체 높이) 플러스 여백 너비) 여백이 높습니다)
IE는 다음과 같습니다.
document .documentElement.clientWidth = => 0
document.documentElement.clientHeight ==> 0
document.documentElement.clientWidth ==> 페이지 개체 너비(즉, BODY 개체 너비 + 여백 너비) document.documentElement.clientHeight ==> 페이지 개체 높이(즉, BODY 개체 높이 + 여백 높이)
# 🎜🎜##🎜🎜 #Opera is:JS 브라우저 창 크기 가져오기
ㅋㅋㅋㅋㅋㅋ
위 내용은 JavaScript로 다양한 브라우저의 창 크기를 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!