HTML DOM ширина + высота видимого окна - PullRequest
14 голосов
/ 01 декабря 2009

Как узнать текущую высоту и ширину доступного пространства в браузере, когда он открыт.

Мне не нужна высота всего документа, только то, что видно на экране.

Ответы [ 3 ]

21 голосов
/ 01 декабря 2009

Вы можете взглянуть на это сообщение в блоге , чтобы увидеть метод.

и вкратце дайте этот код

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 );
}

также следует отметить, что большая часть js framework (jquery, ext, prototype) предоставит функцию для этого (IMHO).

в jQuery:

$(window).width();
$(window).height();
4 голосов
/ 01 сентября 2013

Используйте свойство объектов окна, внутреннюю высоту / ширину, чтобы найти размеры только содержимого на веб-странице. Это включает в себя полосы прокрутки. Вот визуальное объяснение -> http://goo.gl/L0cBLA.

Рост:

window.innerHeight

Ширина:

window.innerWidth
1 голос
/ 29 ноября 2010
<html id="THE_HTML">
<!-- all your stuff... -->
</html>

, то:

document.getElementById('THE_HTML').clientHeight;

Протестировано и работает под IE8 и FF3.6 ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...