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

Ответ 1

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

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

Ответ 2

Даже последний пример, приведенный в 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"]
);

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

Ответ 3

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

elem.getBoundingClientRect()

Ответ 4

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

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

Ответ 5

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

document.body.offsetHeight
document.body.offsetWidth

Ответ 6

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

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

    return actualWidth;
}

Ответ 7

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

document.documentElement.clientWidth
document.documentElement.clientHeight

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

screen.width
screen.height

Ответ 8

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