Как получить высоту и ширину документа без использования jquery

Как получить высоту и ширину документа в чистом виде Javascript т.е. без использования JQuery.
Я знаю об $(document).height()и $(document).width(), но хочу сделать это вJavascript.

Я имел в виду высоту и ширину страницы.

var height = document.body.clientHeight;
var width = document.body.clientWidth;

Проверьте: эта статья для лучшего объяснения.

Даже последний пример, приведенный на http://www.howtocreate.co.uk/tutorials/javascript/browserwindow , не работает в режиме Quirks. Легче найти, чем я думал, похоже, это решение (извлеченное из последнего кода jquery):

Math.max(
    document.documentElement["clientWidth"],
    document.body["scrollWidth"],
    document.documentElement["scrollWidth"],
    document.body["offsetWidth"],
    document.documentElement["offsetWidth"]
);

просто замените Width на "Height", чтобы получить высоту.

Это кросс-браузерное решение:

var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

Вы должны использовать, getBoundingClientRectпоскольку он обычно работает, кросс-браузер и дает вам субпиксельную точность на прямоугольнике границ.

elem.getBoundingClientRect()

Получить размер документа без jQuery

document.documentElement.clientWidth
document.documentElement.clientHeight

И используйте это, если вам нужен размер экрана

screen.width
screen.height

Вы также можете попробовать:

document.body.offsetHeight
document.body.offsetWidth

Это должно работать для всех браузеров / устройств:

function getActualWidth()
{
    var actualWidth = window.innerWidth ||
                      document.documentElement.clientWidth ||
                      document.body.clientWidth ||
                      document.body.offsetWidth;

    return actualWidth;
}

Если вы хотите получить всю ширину страницы, включая переполнение, используйте document.body.scrollWidth.

Как очень легко узнать ширину и высоту документа?

в HTML
<span id="hidden_placer" style="position:absolute;right:0;bottom:0;visibility:hidden;"></span>

в javascript

     var c=document.querySelector('#hidden_placer');

     var r=c.getBoundingClientRect();
     r.right=document width
     r.bottom=document height`

Вы можете обновлять это при каждом событии изменения размера окна, если необходимо.

windowэто окно всего приложения браузера. documentПоказанная веб-страница действительно загружена.

window.innerWidthи window.innerHeightбудет учитывать полосы прокрутки, что может быть не тем, что вам нужно.

document.documentElement- это полная веб-страница без верхней полосы прокрутки. document.documentElement.clientWidthвозвращает размер ширины документа без полосы прокрутки y. document.documentElement.clientHeightвозвращает размер документа по высоте без полосы прокрутки x.