Window size
There are three ways to determine the size of the browser window (the viewport of the browser, excluding toolbars and scroll bars).
For Internet Explorer, Chrome, Firefox, Opera, and Safari:
- Window.innerheight-Interior height of the browser window
- Window.innerwidth-Interior width of the browser window
For Internet Explorer 8, 7, 6, 5:
- Document.documentElement.clientHeight
- Document.documentElement.clientWidth
Or
- Document.body.clientHeight
- Document.body.clientWidth
Practical JavaScript scenarios (all browsers included):
Instance
var w=window.innerwidth| | document.documentelement.clientwidth| | Document.body.clientwidth;var h=window.innerheight| | document.documentelement.clientheight| | Document.body.clientHeight;
To edit your code:
<! DOCTYPE html>
<body>
<p id= "Demo" ></p>
<script>
var W=window.innerwidth | | Document.documentElement.clientWidth | | Document.body.clientWidth;
var H=window.innerheight | | Document.documentElement.clientHeight | | Document.body.clientHeight;
X=document.getelementbyid ("demo"); X.innerhtml= "Browser's internal window width:" + w + ", Height:" + H + ". "
</script>
</body>
View results:
Browser's internal window width: 752, Height: 400.
This example shows the height and width of the browser window: (not including toolbars/scrollbars)
Three ways to determine the size of the browser window (viewport of the browser, excluding toolbars and scroll bars)