有没有办法用jQuery检索浏览器窗口的像素宽度?

时间:2010-11-19 22:17:44

标签: javascript jquery

我希望能够使用javascript在我的网页上移动对象,具体取决于屏幕大小。有没有办法检索浏览器窗口的像素宽度?

4 个答案:

答案 0 :(得分:7)

alert( $(window).width() );

答案 1 :(得分:1)

这应该有效:

function getWindowWidth() {
        var windowWidth = 0;
        if (typeof(window.innerWidth) == 'number') {
            windowWidth = window.innerWidth;
        }
        else {
            if (document.documentElement && document.documentElement.clientWidth) {
                windowWidth = document.documentElement.clientWidth;
            }
            else {
                if (document.body && document.body.clientWidth) {
                    windowWidth = document.body.clientWidth;
                }
            }
        }
        return windowWidth;
    }

答案 2 :(得分:1)

当然,获取窗口大小可能是您需要的,但在许多情况下,最好使用简单的CSS处理不同窗口大小的问题。您确实知道可以使用CSS属性right放置相对于右边缘的对象吗?

另一个有用的技巧是使用边距来填充除了x像素以外的所有div,这样你就可以使许多元素占用特定的空间,并使最后一个元素占用其余部分。

答案 3 :(得分:0)

别。使用jQuery UI draggable。