Window outerWidth and outerHeight Property - A demonstration of innerWidth, innerHeight, outerWidth and outerHeight in one example: - Javascript Browser Object Model

Javascript examples for Browser Object Model:Window outerWidth outerHeight

  1. HOME
  2. Javascript
  3. Browser Object Model
  4. Window outerWidth outerHeight

Description

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

Demo Code

ResultView the demo 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  a v a  2s  .  co  m*/

</body>
</html>

Related Tutorials