Javascript Browser Window outerWidth and outerHeight Property with innerWidth and innerHeight

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 ww .j  av a  2 s  .  com*/
</body>
</html>



PreviousNext

Related