javascript - 用户显示高度

Question

大家好，我想知道我是否可以在我身边实施这样的事情：

1. 检查用户窗口或显示的高度
2. 例如，如果它小于 800px，
3. 然后不应执行 javascript 代码

我已经阅读了有关媒体查询的信息，但是我真的不知道如何在 jquery 代码上使用它。

谢谢。

Answer 1

使用window.innerHeight：

document.ready(function(){
  if (window.innerHeight < 800){
    //Code here
  }
});

Answer 2

您可以使用 jQuery height()函数或window.innerHeight找出窗口高度。

现场演示

if($(window).height() < 800)
   return;

//You code here

编辑：正如 Cerbrus 所提到的，最好在window.innerHeight这里使用 javascript

if(window.innerHeight < 800)
  return;

//You code here

Answer 3

使用 jquery height() .. 如果您想了解更多信息，请转到链接height()

if($(window).height() < 800)
{
     //do your stuff
}

Answer 4

当我想了解用户的视口时，我有时会使用它：

var PageDimensions = (function () {
    var Width;
    var Height;
    var getDimensions;

    function pagedimensionsCtor() {
        if( getDimensions === undefined ){
            getDimensions = document.createElement("div");
            getDimensions.setAttribute("style", "visibility:hidden;position:fixed;bottom:0px;right:0px;");
            document.getElementsByTagName("body")[0].appendChild(getDimensions);
        }
        Width = getDimensions.offsetLeft;
        Height = getDimensions.offsetTop;
    }
    pagedimensionsCtor();

    function Reset() {
        pagedimensionsCtor();
    }

    function GetHeight() {
        return Height;
    }

    function GetWidth() {
        return Width;
    }

    return {
        Reset: Reset,
        GetHeight: GetHeight,
        GetWidth: GetWidth
    };
})();

演示：http: //jsfiddle.net/Vb7xz/