get viewport screen size

javascript snippet to get the screensize of the current viewport, doesn't need jquery

by Ryan Brackett

HTML

<pre>
var w = window,
    d = document,
    e = d.documentElement,
    g = d.getElementsByTagName('body')[0],
    x = w.innerWidth || e.clientWidth || g.clientWidth,
    y = w.innerHeight|| e.clientHeight|| g.clientHeight;
</pre>

<br />

<pre id="test"></pre>
<div class="spacer">

</div>

<div class="target">
This is in view
</div>

CSS

.spacer {height: 800px;}

JavaScript

var w = window,
    d = document,
    e = d.documentElement,
    g = d.getElementsByTagName('body')[0],
    x = w.innerWidth || e.clientWidth || g.clientWidth,
    y = w.innerHeight|| e.clientHeight|| g.clientHeight;

function t(){
    test.innerHTML = "x = "+x+"\ny = "+y;
}

window.onload = t;
window.onresize = t;
window.scroll = t;