>  기사  >  웹 프론트엔드  >  페이지 창 크기_javascript 기술을 얻기 위한 JS 코드 해석

페이지 창 크기_javascript 기술을 얻기 위한 JS 코드 해석

WBOY
WBOY원래의
2016-05-16 17:58:451250검색

본 절의 코드에서는 윈도우와 관련된 Document 객체의 일부 속성을 주로 사용하고 있으며, 이들 속성의 주요 기능 및 사용법은 다음과 같습니다.
창 크기를 얻으려면 브라우저마다 다른 속성과 방법을 사용해야 합니다. 창의 실제 크기를 감지하려면 IE에서 창 속성을 사용해야 합니다. DOM 환경에서 창 크기를 얻으려면 요소가 아닌 루트 요소 의 크기에 주의해야 합니다. .
Window 개체의 innerWidth 속성에는 현재 창의 내부 너비가 포함됩니다. Window 객체의 innerHeight 속성에는 현재 창의 내부 높이가 포함됩니다.
Document 객체의 body 속성은 HTML 문서의 태그에 해당합니다. Document 객체의 documentElement 속성은 HTML 문서의 루트 노드를 나타냅니다.
document.body.clientHeight는 HTML 문서가 위치한 창의 현재 높이를 나타냅니다. document.body.clientWidth는 HTML 문서가 있는 창의 현재 너비를 나타냅니다.

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

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> www.w3.org/1999/xhtml" >

브라우저 창 크기를 조정하세요



브라우저 창 크기를 조정하세요< /h2>


브라우저 창:

브라우저 창의 실제 너비: < " size="4">