JS 브 라 우 저 창 크기 가 져 오기

전송:http://www.cnblogs.com/henw/archive/2011/12/19/2293585.html
1.상용

//       
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//       
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//      Document     body     ，      
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}

2.상세

function getInfo()
{
var s = "";
s = "        ：" document.body.clientWidth;
s = "        ：" document.body.clientHeight;
s = "        ：" document.body.offsetWidth " (          )";
s = "        ：" document.body.offsetHeight " (      )";
s = "        ：" document.body.scrollWidth;
s = "        ：" document.body.scrollHeight;
s = "        (ff)：" document.body.scrollTop;
s = "        (ie)：" document.documentElement.scrollTop;
s = "        ：" document.body.scrollLeft;
s = "        ：" window.screenTop;
s = "        ：" window.screenLeft;
s = "        ：" window.screen.height;
s = "        ：" window.screen.width;
s = "          ：" window.screen.availHeight;
s = "          ：" window.screen.availWidth;

s = "         " window.screen.colorDepth "    ";
s = "        " window.screen.deviceXDPI "   /  ";
//alert (s);
}
getInfo(); 

3.
제 로 컬 테스트 에서 IE,FireFox,Opera 에서 document.body.client Width document.body.client Height 를 사용 하면 얻 을 수 있 습 니 다.간단 하고 편리 합 니 다.회사 프로젝트 중:Opera 는 여전히 document.body.client Width document.body.client Height 를 사용 하지만 IE 와 FireFox 는 document.document Element.client Width document.document Element.client.client Height 를 사용 합 니 다.W3C 의 표준 이 이상 한 짓 을 하고 있 군요페이지 에 이 줄 표 시 를 추가 하면 IE 에 document.body.client Width==>BODY 대상 너비 document.body.client Height==>BODY 대상 높이 document.document Element.client Width=>보 이 는 영역 너비 document.documentElement.client Height==>보 이 는 영역 높이 는 FireFox 에 있 습 니 다:document.body.client Width==>BODY 대상 너비 document.body.client Height==>보 이 는 영역 너비 document.document Element.client Width==>보 이 는 영역 너비 document.document Element.client Height==>보 이 는 영역 높이 는 Opera 에 있 습 니 다:document.body.client Width=>보 이 는 영역 너비도 document.body.clientHeight==>보 이 는 영역 높이 document.documentElement.clientWidth==>페이지 대상 너비(즉,BODY 대상 너비 에 Margin 너비 추가)document.documentElement.clientHeight=>페이지 대상 높이(즉,BODY 대상 높이 에 Margin 높이 추가)IE 는 document.documentElement.client Width==>0 document.documentElement.client Height==>0 FireFox 는 document.documentElement.client Width=>페이지 대상 너비(즉,BODY 대상 너비 에 Margin 너비)입 니 다.
document.documentElement.clientHeight=>페이지 대상 높이(즉,BODY 대상 높이 에 Margin 높이 추가)Opera 는:document.documentElement.clientWidth=>페이지 대상 너비(즉,BODY 대상 너비 에 Margin 너비 추가)
document.documentElement.clientHeight=>페이지 대상 높이(즉,BODY 대상 높이 에 Margin 높이)