Javascript Window Size Code Example

Example 1: how to get the height of window in javascript

//get screen height of the device by using
window.innerHeight
//get screen width of the device by using
window.innerWidth

Example 2: get window size javascript

const window {
  width: window.innerWidth,
  height: window.innerHeight
}

Example 3: js window dimensions

// better than using window.innerWidth / window.innerHeight 
// because of scrollbars
const client = {
      width: document.documentElement.clientWidth,
      height: document.documentElement.clientHeight
}

Example 4: how to get the size of the window in javascript

var win = window,
    doc = document,
    docElem = doc.documentElement,
    body = doc.getElementsByTagName('body')[0],
    x = win.innerWidth || docElem.clientWidth || body.clientWidth,
    y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
alert(x + ' × ' + y);

Example 5: get window height javascript

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Screen width is " + screen.width;
</script>