使用Javascript测量当前窗口

Question

好的，所以我正在尝试建立一个以大图片为背景的网站。我希望能够根据用户的窗口大小加载不同大小的图片，以便他们（希望）看不到任何空白区域。我想用JavaScript来衡量当前屏幕的大小。然后，根据窗口的大小，我想加载与该分辨率相对应的图像。

然而，在线查看时，我找不到一种标准方法来获取所有浏览器的窗口大小。任何帮助非常感谢！另外，如果你对如何实现这个有另一个想法，请告诉我！

Answer 1

用户的窗口在使用过程中不太可能发生巨大变化。最好只提供一个图像，然后根据大小进行缩放。这可以通过CSS单独实现。

img#my-big-background-image { 
    width: 100%;
}

Answer 2

jQuery，YUI和其他JavaScript框架已经解决了这个问题。看看他们的解决方案，即使您不想插入完整的框架。

Answer 3

使用jQuery

var height = $(window).height();
var width = $(window).width();

这适用于所有主流浏览器。

Answer 4

原型：document.viewport

JQuery：window

Answer 5

此链接Here

上写有解决方案

我已经在ff上测试了它，似乎没问题。