The innerHeight property references the pixel height of the document within the browser's frame.
This does not include any of the toolbars that makes up the frame itself.
<html>
<head>
<script language="JavaScript1.2">
<!--
function openWin(){
var myBars = 'directories=no,location=no,menubar=no,status=no';
myBars += ',titlebar=no,toolbar=no';
var myOptions = 'scrollbars=no,width=400,height=200,resizeable=no';
var myFeatures = myBars + ',' + myOptions;
var newWin = open('', 'myDoc', myFeatures);
newWin.document.writeln('<h4>Properties for this Window</h4>');
newWin.document.writeln('innerHeight: ' + newWin.innerHeight + '<br>');
newWin.document.writeln('innerWidth: ' + newWin.innerWidth + '<br>');
newWin.document.writeln('outerHeight: ' + newWin.outerHeight + '<br>');
newWin.document.writeln('outerWidth: ' + newWin.outerWidth + '<br>');
newWin.document.writeln('<form>');
newWin.document.writeln('<input type=BUTTON value="Close"');
newWin.document.writeln(' onClick="window.close()">');
newWin.document.writeln('</form>');
newWin.document.close();
}
-->
</script>
</head>
<body>
<form>
<input type=BUTTON value="Open" onClick="openWin()">
</form>
</body>
</html>