브라우저별로 width, height 구할 때 다른 경우가 많아서 동일하게 적용할 수가 없다.
잘 정리된 코드가 있어서 어느때든 유용하게 사용할 수 있을 것 같다.
var w = 0, h = 0; if (typeof (window.innerWidth) == 'number') { //Chrome w = window.innerWidth / 2; h = window.innerHeight / 2; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth / 2; h = document.documentElement.clientHeight / 2; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { //IE9 w = document.body.clientWidth / 2; h = document.body.clientHeight / 2; } |
출처 : http://ssamkj.tistory.com/3
'Web > JavaScript' 카테고리의 다른 글
[Javascript] IE setattribute 사용 (0) | 2013.08.13 |
---|---|
[Javascript] Internet Explorer console.log() 버그 (0) | 2013.08.12 |
[javascript] body, window 사이즈 구하기 (0) | 2013.08.09 |
[JS] 연산자 우선순위 (0) | 2013.08.03 |