JS – BOM – Browser Object Model – Get Window Size

Get the window size:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<body>
 
<p id="demo"></p>
 
<script>
// For Internet Explorer, Chrome, Firefox, Opera, and Safari
var w=window.innerWidth
|| document.documentElement.clientWidth   // OR logical operation
|| document.body.clientWidth;
 
// For Internet Explorer 8, 7, 6, 5
var h=window.innerHeight
|| document.documentElement.clientHeight  // OR logical operation
|| document.body.clientHeight;
 
x=document.getElementById("demo");
x.innerHTML="Browser inner window width: " + w + ", height: " + h + "."
</script>
 
</body>
</html>

The result is:
Browser inner window width: 532, height: 667.

My official WebSite >