HTML DOM width + height of visible window

后端未结

关注

 3  1467

予麋鹿

How do I get the current height and width of the available space in the browser as it is open.

I don\'t want the height of the total document, just what\'s visible on th

相关标签:

3条回答

花落未央

2021-02-19 09:48

You can take a look at this blog post to see the method.

and in short in give that code

function alertSize() {
    var myWidth = 0, myHeight = 0;
    if(typeof(window.innerWidth) == 'number') {
        // Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } 
    else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        // IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    } 
    else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
        // IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }

    window.alert( 'Width = ' + myWidth );
    window.alert( 'Height = ' + myHeight );
}

also have to be noted that most of js framework (jquery, ext, prototype) would provide a function for doing that (IMHO).

in jQuery:

$(window).width();
$(window).height();

0 讨论(0)

说谎

2021-02-19 09:59
Use the window objects property, inner height/width, to find the dimensions of just the content on the webpage. This includes the scroll bars. Here is a visual explanation -> http://goo.gl/L0cBLA.

Height:
```
window.innerHeight
```
Width:
```
window.innerWidth
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
既然无缘

2021-02-19 10:13
```
<html id="THE_HTML">

</html>
```
then:
```
document.getElementById('THE_HTML').clientHeight;
```
Tested and working under IE8 and FF3.6...
0 讨论(0)
发布评论:

提交评论
- 加载中...