>웹 프론트엔드 >JS 튜토리얼 >페이지 및 요소 높이와 width_javascript 기술을 가져오는 js 코드

페이지 및 요소 높이와 width_javascript 기술을 가져오는 js 코드

WBOY
WBOY원래의
2016-05-16 15:03:452016검색

웹페이지의 표시 영역 너비: document.body.clientWidth
웹페이지의 가시 영역 높이: document.body.clientHeight
웹페이지의 표시 영역 너비: document.body.offsetWidth(가장자리 및 스크롤 막대의 너비 포함)
웹 페이지의 가시 영역 높이: document.body.offsetHeight (가장자리 너비 포함)
웹페이지 본문의 전체 텍스트 너비: document.body.scrollWidth
웹 페이지 본문의 전체 텍스트 높이: document.body.scrollHeight
웹페이지가 스크롤되는 높이(ff): document.body.scrollTop
웹페이지가 스크롤되는 높이(즉): document.documentElement.scrollTop
스크롤되는 웹페이지의 왼쪽: document.body.scrollLeft
웹페이지 본문: window.screenTop
웹페이지 텍스트의 왼쪽 부분: window.screenLeft
요소의 너비: obj.offsetWidth;
요소의 높이: obj.offsetHeight;
요소의 위쪽 테두리에서 본문 상단까지의 거리: obj.offsetTop(포함된 요소에 스크롤 막대가 없는 경우)
요소의 왼쪽 테두리에서 몸체의 가장 왼쪽까지의 거리: obj.offsetLeft; (포함 요소에 스크롤 막대가 없는 경우)
현재 요소의 위쪽 가장자리에서 포함 요소의 위쪽 가장자리까지의 오프셋을 반환합니다. obj.offsetTop(요소의 포함 요소에 스크롤 막대가 포함된 경우)
현재 요소의 왼쪽 가장자리부터 포함 요소의 왼쪽 가장자리까지의 오프셋을 반환합니다. obj.offsetLeft(요소의 포함 요소에 스크롤 막대가 포함된 경우)

scrollTop, scrollLeft

요소의 왼쪽 또는 위쪽 테두리로 스크롤된 픽셀 수를 설정하거나 반환합니다. 이러한 픽셀은 요소에 스크롤 막대가 있는 경우에만 유용합니다. 예를 들어 요소의 CSS 오버플로 속성이 자동으로 설정된 경우입니다. 이러한 속성은 문서의 또는 태그(브라우저에 따라 다름)에서만 정의되며 함께 스크롤되는 문서의 위치를 ​​지정합니다. 이러한 속성은