A função “alertSize” a seguir retorna o tamanho da tela em qualquer browser.
Os métodos “document.body.scrollWidth” e “document.body.scrollHeight” retornam respectivamente a largura e a altura da página com scroll bar.
<html>
<head><title>teste</title></head>
<body>
<script>
function alertSize() {
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
return [ alert("width: "+myWidth+" px\nheight: "+myHeight+" px") ];
}
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<script>
alertSize();
alert("document.body.scrollWidth: "+document.body.scrollWidth+" px\ndocument.body.scrollHeight: "+document.body.scrollHeight+" px");
</script>
</body>
</html>