协慌网

如何在所有主流浏览器中使用windowWidth ， windowHeight ， pageWidth ， pageHeight ， screenWidth ， screenHeight ， pageX ， pageY ， screenX ， screenY ？

如果您使用的是 jQuery，则可以使用 jQuery 方法获取窗口或文档的大小：

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document (same as pageHeight in screenshot)
$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document (same as pageWidth in screenshot)

对于屏幕大小，您可以通过以下方式使用screen对象：

screen.height;
screen.width;

这是您需要知道的一切：

http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/

但简而言之：

var w = window,
    d = document,
    e = d.documentElement,
    g = d.getElementsByTagName('body')[0],
    x = w.innerWidth || e.clientWidth || g.clientWidth,
    y = w.innerHeight|| e.clientHeight|| g.clientHeight;
alert(x + ' × ' + y);

小提琴

这是一个使用纯JavaScript的跨浏览器解决方案（ 来源 ）：

var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;