개발

[javascript] 화면크기구하기

지승준 2015. 8. 17. 10:18
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/* XHTML 표준이 없다 */
// 가로길이
document.body.offsetWidth 
document.body.scrollWidth // (문서 전체의 크기)
document.body.clientWidth // (창의 크기)
// 세로길이
document.body.offsetHeight
document.body.scrollHeight //(문서 전체의 크기)
document.body.clientHeight // (창의 크기)
 
/* HTML5 표준이 정해져 있다. */
// 가로 길이
window.innerWidth // 브라우저 윈도우 두께를 제외한 실질적 가로 길이
window.outerWidth // 브라우저 윈도우 두께를 포함한 브라우저 전체 가로 길이
//세로길이
window.innerHeight // 브라우저 윈도우 두께를 제외한 실질적 세로 길이
window.outerHeight // 브라우저 윈도우 두께를 포함한 브라우저 전체 세로 길이
cs


'개발' 카테고리의 다른 글

[javascript] radio 유효성 체크  (0) 2015.12.04
[javascript] 랜덤 메뉴  (0) 2015.08.17
[javascript] 셀병합, rowspan  (0) 2015.07.22
[javascript] 페이지 이동  (0) 2015.07.22
[CSS3] transition  (0) 2015.07.06