>  기사  >  웹 프론트엔드  >  브라우저 페이지 영역 size_javascript 기술을 얻는 js 방법

브라우저 페이지 영역 size_javascript 기술을 얻는 js 방법

WBOY
WBOY원래의
2016-05-16 17:22:061063검색

브라우저 페이지 영역의 크기를 가져옵니다.

코드 복사 코드는 다음과 같습니다.

//IE에서 FireFox와 Opera는
document.body.clientWidth
document.body.clientHeight
//를 사용하여 매우 간단하고 편리하게 얻을 수 있습니다.
//회사 프로젝트에서:
//Opera는 여전히
document.body.clientWidth
document.body.clientHeight
를 사용합니다.//그러나 IE와 FireFox는
document .documentElement를 사용합니다. clientWidth
document.documentElement.clientHeight
//W3C 표준이 문제를 일으키는 것으로 밝혀졌습니다
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. ”>
//이 태그 줄을 페이지에 추가하는 경우

//IE:
document.body.clientWidth ==> .clientHeight ==> BODY 개체 높이
document.documentElement.clientWidth ==> 🎜>document.body.clientWidth ==> BODY 개체 너비
document.body.clientHeight ==>gt; 🎜>document.documentElement.clientWidth ==> 표시 영역 너비
document.documentElement .clientHeight ==> 표시 영역 높이
?
document.body.clientWidth = => 표시 영역 너비
document.body.clientHeight ==> 표시 영역 높이
document.documentElement.clientWidth ==> 페이지 개체 너비(즉, BODY 개체 너비에 여백 너비를 더한 값)
document.documentElement.clientHeight ==>gt; 페이지 개체 높이(즉, BODY 개체 높이 + 여백 너비) 높음)
//정의된 W3C 표준이 없는 경우
//IE는 다음과 같습니다.
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox는
document.documentElement.clientWidth ==> BODY 개체 너비 + Margin 너비) document.documentElement.clientHeight ==>; 페이지 개체 높이(예: BODY 개체 높이) + Margin 높이)
//Opera는 다음과 같습니다.
document.documentElement.clientWidth ==> 페이지 개체 너비(즉, BODY 개체 너비 + Margin 너비) document.documentElement.clientHeight ==> 페이지 개체 높이(즉, BODY 개체 높이 + Margin 높이)

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.