获取屏幕、当前网页和浏览器窗口的大小。

Question

我怎么才能windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY哪种浏览器在所有主流浏览器中都能工作？获取屏幕、当前网页和浏览器窗口的大小。

Answer 1

如果使用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;

Answer 2

这里有你需要知道的一切：获取视图端口/窗口大小

但简而言之：

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

小提琴

Answer 3

这里有一个跨浏览器的解决方案JavaScript (来源):

var width = window.innerWidth

|| document.documentElement.clientWidth

|| document.body.clientWidth;

var height = window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight;