JavaScript

[JavaScript] window with, height cross Browser

SSaMKJ 2013. 3. 25. 14:13

Window의 height, width를 가지고 올 때 Browser에 따라 다른 문법이 발생한다.


모든 브라우져에서 Window width, height을 가지고 올 수 있도록 한 코드이다.


var myWidth = 0, myHeight = 0;
    if (typeof (window.innerWidth) == 'number') { //Chrome
         myWidth = window.innerWidth;
         myHeight = window.innerHeight;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
         myWidth = document.documentElement.clientWidth;
         myHeight = document.documentElement.clientHeight;
    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { //IE9
         myWidth = document.body.clientWidth;
         myHeight = document.body.clientHeight;
    }