js에서 창 크기를 얻는 데 일반적으로 사용되는 속성은 무엇입니까?

window.innerHeight(innerWidth): 표시 영역의 높이(너비)를 나타냅니다. 하단(오른쪽)에 스크롤 막대가 있는 경우 하단(오른쪽) 스크롤 막대의 높이(너비)가 계산됩니다. 이 방법은 표준 브라우저와 IE9+에 적용됩니다.

document.documentElement.clientHeight(clientWidth): 표시 영역의 높이(너비)를 나타냅니다. 이 방법은 표준 브라우저 및 하위 버전에 적합합니다. IE 표준 모드.

document.documentElement.offsetHeight(offsetWidth): 먼저 offsetWidth는 clientWidth와 동일한 값을 가져오고, offsetHeight는 전체 문서의 높이를 가져옵니다.

참고:
개인적으로 위의 documentElement는 본문을 나타내지 않는다고 생각합니다. 요소에 테두리가 있는 경우 element.offsetHeight에는 테두리 값이 포함되지만 element.clientHeight에는 테두리 너비가 포함되지 않습니다.

document.documentElement.scrollHeight(scrollWidth): 가장자리 너비를 포함하여 웹 페이지 본문의 전체 텍스트 높이와 너비를 가져옵니다.

document.body.clientHeight(clientWidth): 먼저 clientWidth에서 얻은 값은 document.documentElement.offsetWidth와 동일합니다. 본문 가장자리 너비를 잘라내고, clientHeight는 전체 본문 높이에서 가장자리 너비를 뺀 값을 얻습니다. .

document.body.offsetHeight(offsetWidth): 얻은 값은 document.body.clientHeight(clientWidth)에 본문 테두리의 너비를 더한 값, 즉 다음에서 얻은 포함된 테두리의 너비와 같습니다. 이 두 값.

document.body.scrollHeight(scrollWidth): 가장자리 너비를 포함하여 웹 페이지 본문의 전체 텍스트 높이와 너비를 가져옵니다.

document.body.scrollTop(scrollLeft): 브라우저 창 상단과 문서 상단 사이의 거리(브라우저 창과 문서 왼쪽 사이의 거리), 이는 스크롤 거리입니다. 바 스크롤.

window.pageYOffset(pageXOffset): 브라우저 창 상단과 문서 상단 사이의 거리(브라우저 창과 문서 왼쪽 사이의 거리), 이는 스크롤 막대가 스크롤되는 거리입니다. .

window.screen.height(width): 화면 해상도의 높이(너비)입니다.

window.screen.availHeight(availWidth): 화면에서 사용 가능한 작업 영역 높이(너비)입니다.

offsetTop, clientTop 및 scrollTop이 각각 무엇을 나타내는지 설명하겠습니다.

offsetTop:상단 또는 상단 컨트롤의 위치, 정수, 단위 픽셀.

clientTop:요소의 콘텐츠 영역과 요소 가장자리 사이의 거리, 즉 요소의 가장자리 너비입니다.

scrollTop:요소 창 상단과 요소 상단 사이의 거리, 즉 요소 내부 스크롤 막대의 거리입니다.

위 내용은 js에서 창 크기를 얻는 데 일반적으로 사용되는 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!