>웹 프론트엔드 >JS 튜토리얼 >js를 사용하여 웹 페이지 높이 및 기존 마진 계산을 얻는 방법에 대한 자세한 설명

js를 사용하여 웹 페이지 높이 및 기존 마진 계산을 얻는 방법에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-06-16 10:13:511275검색

js 또는 jquery는 어떻게 웹 페이지의 공통 높이나 너비를 얻을 수 있나요? 편집자가 이를 요약했습니다. 살펴보겠습니다.

js를 사용하여 웹 페이지 높이 및 기존 마진 계산을 얻는 방법에 대한 자세한 설명

웹 페이지의 표시 영역 너비: document.body.clientWidth;
웹 페이지의 표시 영역 높이: document.body.clientHeight;
표시 영역 웹페이지 너비: document.body.offsetWidth(가장자리 너비 포함);
웹페이지 표시 영역 높이: document.body.offsetHeight(가장자리 너비 포함);
웹페이지의 전체 텍스트 너비: document.body.scrollWidth;
웹페이지의 전체 텍스트 높이: document.body.scrollHeight;
스크롤되는 웹페이지의 높이: document.body.scrollTop;
스크롤되는 웹 페이지의 왼쪽: document.body.scrollLeft;
웹 페이지의 주요 부분: window.screenTop;
웹 페이지의 텍스트 부분 왼쪽: window.screenLeft;
화면 해상도 높이: window.screen.height;
화면 해상도 너비: window.screen.width;
화면 사용 가능 작업 영역 높이: window.screen.availHeight;
화면 사용 가능 작업 영역 너비: window.screen.availWidth;


scrollHeight: 개체의 스크롤 높이를 가져옵니다.
scrollLeft: 개체의 왼쪽 가장자리와 창에 현재 표시되는 콘텐츠의 가장 왼쪽 끝 사이의 거리를 설정하거나 가져옵니다.
scrollTop: 개체의 맨 위 가장자리와 보이는 맨 위 가장자리 사이의 거리를 설정하거나 가져옵니다.
scrollWidth: 개체의 스크롤 너비를 가져옵니다.
offsetHeight: offsetParent 속성에 지정된 레이아웃 또는 상위 좌표를 기준으로 개체의 높이를 가져옵니다.
offsetLeft: 개체의 높이를 가져옵니다. offsetParent 속성으로 지정된 레이아웃 또는 상위 좌표를 기준으로 객체 왼쪽 위치 계산
offsetTop: offsetTop 속성
event.clientX로 지정된 레이아웃 또는 상위 좌표를 기준으로 객체의 계산된 상단 위치를 가져옵니다. 문서를 기준으로 한 가로 좌표
event.clientY 문서를 기준으로 한 세로 좌표 FEvent.OffSetX 컨테이너의 가로 좌표

Event.Offset의 컨테이너 세로 좌표
Document.documentlement.scrolltop 값 롤링 Valley
Document.documentEle MENT.Scrolltop 관련 문서 가로 좌표 + 세로 스크롤 양
Molong이 게시한 날짜 2009-05-19 11:57 PM #1
세로 좌표 위치를 얻으려면 현재 페이지의 스크롤 막대를 사용하려면

document.body.scrollTop;
documentElement 대신
document.documentElement.scrollTop;
을 사용하세요. 꼬리표.
표준 w3c에서 document.body.scrollTop은 항상 0이며 document.documentElement.scrollTop으로 대체되어야 합니다.

페이지를 기준으로 마우스의 절대 위치를 지정하려면 다음을 찾으세요. Google의 999.99개의 기사를 통해 event.clientX+document.body.scrollLeft, event.clientY+document.body.scrollTop을 사용할 수 있습니다. 마우스 위치가 상상과 다르다면 놀라지 마십시오. 이것은 또 아무것도 아닌 평범한 일입니다.
document.body.scrollX 개체는 ie5.5 이후 더 이상 지원되지 않습니다. 그래서 프로그래밍할 때 이런 판단을 추가해주세요

if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;    
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}



위 내용은 js를 사용하여 웹 페이지 높이 및 기존 마진 계산을 얻는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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