웹 페이지는 보이는 면적 너비 : document.body.clientwidth입니다
웹 페이지의 영역이 높습니다 : document.body.clitingHeight
웹 페이지는 보이는 영역 너비 : document.body.offsetwidth (가장자리 너비 포함)입니다.
웹 페이지의 영역이 높습니다 : document.body.offsetheight (가장자리 너비 포함)
전체 텍스트 와이드 : document.body.scrollwidth
웹 페이지 텍스트의 전체 텍스트 High : 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
HTML 정확한 위치
ScrollHeight : 물체의 스크롤 높이를 가져옵니다.
scrollleft : 왼쪽 경계와 객체의 창에서 현재 보이는 컨텐츠의 왼쪽 끝 사이에서 거리를 설정하거나 얻습니다.
스크롤 탑 : 물체의 상단과 창의 창 상단 사이의 거리를 설정하거나 얻습니다.
scrollwidth : 객체의 스크롤 너비를 가져옵니다
OffesTheight : 획득 객체에 의해 오프셋 튼튼한 속성에 의해 지정된 상위 좌표의 높이
OffsetLeft : 오프셋 래피트 속성에 의해 지정된 가부장적 좌표의 가부장적 좌표의 왼쪽 위치 계산.
OffsetTop : OffsetTop 속성에 의해 지정된 패턴의 가부장적 좌표 계산의 최상위 위치
event.clientx의 상대 문서의 수평 좌표
event.clienty의 상대 문서의 수직 좌표
event.offsetx 상대 컨테이너의 수평 좌표
event.offsety의 수직 좌표
Document.documenetElement.scrolltop Valled Valley Rolling Valley
event.clientx+document.documentElement.scrolltop 상대 문서의 수평 시트 레이블+롤링 수직 롤링 양
즉, Firefox 차이는 다음과 같습니다.
IE6.0, FF1.06+:
clientWidth = 너비 + 패딩
ClientHeight = 높이 + 패딩
offsetwidth = width + padding + 테두리
OffSetheight = 높이 + 패딩 + 테두리
IE5.0/5.5 :
clientWidth = width -border
ClientHeight = height -border
offsetWidth = 너비
Offestheight = 높이
(언급 필요 : CSS의 여백 속성은 ClientWidth, OffsetWidth, ClientHeight, OfficeTheight와 관련이 없습니다)
=============================================
어제 교체가 교체 된 후 일부 JS를 사용하기가 어렵다는 것을 알았습니다. Document.DocumenetElement.clientWidth와 같은 문장으로 얻은 페이지 너비에 의해 얻은 너비는 0입니다. 일부 Google 후, 나는 그것이 새 페이지의 W3C 표준에 대한 참조가 없다는 것을 깨달았으므로 document.documentedlement.clientwidth 고장을 초래합니다.
<!
이 줄을 페이지에 추가하면
IE에서 :
document.body.clientWidth ==> 바디 객체 너비
document.body.clitingheight ==> 바디 객체 높이
document.documentElement.clientWidth ==> 가시 영역 너비
document.documentElement.clientHeight ==> 가시 영역 높이
Firefox에서 :
document.body.clientWidth ==> 바디 객체 너비
document.body.clitingheight ==> 바디 객체 높이
document.documentElement.clientWidth ==> 가시 영역 너비
document.documentElement.clientHeight ==> 가시 영역 높이
오페라 :
document.body.clientWidth ==> 가시 영역 너비
document.body.clitingHeight ==> 가시 영역 높이
document.documentElement.clientWidth ==> 페이지 객체 너비 (즉, 바디 객체의 너비 + 마진 너비)
document.documentElement.clientHeight == >> 페이지 객체 높이 (즉, 신체 객체의 높이 + 마진 높이)
W3C의 표준 정의가 없다면
즉, :
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
Firefox는 다음과 같습니다.
document.documentElement.clientWidth ==> 페이지 객체 너비 (즉, 바디 객체의 너비 + 여백 너비) document.documenetElement.clientHeight ==> 페이지 얼굴 개체 높이 (즉, 신체 객체의 높이 + 마진 높이)
오페라는 :
document.documentElement.clientWidth ==> 페이지 객체 너비 (즉, 바디 객체의 너비 + 여백 너비) document.documenetElement.clientHeight ==> 페이지 얼굴 개체 높이 (즉, 신체 객체의 높이 + 마진 높이)