document.documentElement와 document.body_javascript 기술의 차이점 소개

차이점:

body는 DOM 개체의 본문 하위 노드입니다. 즉, 태그는 전체 노드 트리의 루트 노드입니다. html> tag;

DTD를 사용하지 않는 경우, 즉 이상한 모드인 경우 BackCompat:

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

document .documentElement.clientHeight=0document.body.clientHeight=618

DTD를 사용하는 경우, 즉 표준 모드 CSS1Compat에서:

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

document.documentElement.clientHeight=618 document.body .clientHeight=28 (콘텐츠의 높이를 나타냄)

그래서 찾아보기를 추출하세요. 장치의 크기에 주목해야 합니다. 다음 코드를 참고하시면 됩니다.

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

if (document.compatMode == "BackCompat") {
cWidth = document.body.clientWidth;
cHeight = document.body.clientHeight;
sWidth = document.body.scrollWidth; .body.scrollHeight;
sLeft = document.body.scrollLeft;
sTop = document.body.scrollTop;
}
else { //document.compatMode == "CSS1Compat"
cWidth = document.documentElement.clientWidth ;
cHeight = document.documentElement.clientHeight;
sWidth = document.documentElement.scrollWidth;
sLeft = document.documentElement.scrollLeft; == 0 ? document.documentElement.scrollLeft;
sTop = document.documentElement.scrollTop == 0 ? document.documentElement.scrollTop; 🎜>