document.body 사용 방법

웹 페이지 표시 영역 너비: document.body.client너비;

웹 페이지 표시 영역 높이: document.body.client 높이 ;
웹페이지의 표시 영역 너비: document.body.offset너비(옆선 너비 포함);
웹 페이지 표시 영역의 높이: document.body.offsetHeight(옆선의 너비 포함);
웹 페이지 전체 텍스트의 너비: document.body.scrollWidth;
웹페이지 전체 텍스트 높이: document.body.scrollHeight;
스크롤된 웹페이지 높이: document.body.scroll상단
왼쪽 스크롤되는 웹 페이지: document.body.scroll왼쪽;
웹 페이지의 본문 부분: 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 문서를 기준으로 한 세로 좌표
event.offsetX 컨테이너를 기준으로 한 가로 좌표
event.offsetY 컨테이너를 기준으로 한 세로 좌표
document.documentElement.scrollTop 세로 스크롤 값
event.clientX+document.documentElement.scrollTop은 문서를 기준으로 한 가로 좌표 + 세로 스크롤 양
Molong 게시 2009-05-19 11:57 PM #1
현재 페이지에서 스크롤 막대의 수직 좌표 위치를 얻으려면
대신
document.documentElement.scrollTop;
을 사용하세요. document.body.scrollTop;
documentElement는 html 태그에 해당하고 body는 body 태그에 해당합니다.
표준
w3c에서 document.body.scrollTop은 항상 0이며 document.documentElement.scrollTop으로 대체되어야 합니다. 마우스의 절대 위치를 지정하려면; 페이지에서 Google의 1,000개 기사 중 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;
}

더 보기

위 내용은 document.body 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!