Boa dica pra quem quer criar um pop-up transparente do tamanho da tela.

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>