get window size js code example

Example 1: get window size javascript

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

Example 2: get screen width javascript

window.screen.width
//or just
screen.width

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: js know size of screen

alert("Your screen resolution is: " + screen.width + "x" + screen.height)

Example 5: js know size of screen displayed

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 6: get window height javascript

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

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

Tags:

Css Example