js_javascript 기술의 컨테이너 크기, 위치, 거리 및 기타 속성 수집 및 정렬

element.clientWidth　 //테두리를 제외한 요소의 실제 너비

element.clientHeight　　 //테두리를 제외한 요소의 실제 높이


element.offsetWidth　 //Element 요소의 실제 너비에 테두리를 더한 값

element.offsetHeight //요소의 실제 높이에 테두리를 더한 값


element.scrollWidth //이것에 대해 많은 의견이 있는데, 테스트했는데 실제 너비 - 스크롤 막대의 너비

element.scrollHeight　 //이것에 대해 많은 의견이 있습니다. 요소의 실제 높이여야 합니다 - 스크롤 막대의 높이


element.offsetLeft　 // 상대 위치가 상대 항목으로 설정된 경우 상위 개체와의 거리, 즉 상대 거리입니다. 창에서

element.offsetTop // 상위 객체를 기준으로 한 거리, 위치가 아래에서 상대적으로 설정된 경우 상대적입니다. 창으로부터의 거리


window.screenLeft　 / /현재 창과 IE 전용 화면 사이의 거리

window.screenX　 //현재 창과 IE 전용 화면 사이의 거리


window.innerWidth　//현재 창 IE용이 아닌 크기(내부)

window.outerWidth　//IE용이 아닌 현재 창 크기(외부)


window.screen .width //현재 화면 해상도

window.screen.availWidth //현재 화면에서 사용 가능한 해상도