Javascript Browser Window innerWidth and innerHeight Property with outerWidth and outerHeight

Introduction

A demonstration of innerWidth, innerHeight, outerWidth and outerHeight in one example:

View in separate window 

<!DOCTYPE html>
<html>
<body>

<div id="demo"></div>

<script>
var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt += "<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight: " + window.outerHeight + "</p>";

document.getElementById("demo").innerHTML = txt;
</script>/*from   w  w w. j  a  v  a  2 s  .com*/

</body>
</html>



PreviousNext

Related