get window size javascript 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: java script find screen size of device

// Size of browser viewport.
$(window).height();
$(window).width();

// Size of HTML document (same as pageHeight/pageWidth in screenshot).
$(document).height();
$(document).width();

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