Question

我正在尝试根据浏览器窗口高度调整div高度。但是在加载页面/正文以及调整浏览器窗口大小后，我的高度相同。

function setDivHeight() {
    var bodyheight = $(document).height();
    document.getElementById('divName').style.height = (bodyheight - 180) + "px";
}

function pageLoad() {
    setDivHeight();
}

window.onresize = setDivHeight();

Answer 1

// Returns height of browser viewport
// Use this
$( window ).height();

// Returns height of HTML document
$( document ).height();

示例来自：http://api.jquery.com/height/

Answer 2

高度可以使用

$( window ).height();

你想要身高

$("body").height();

Answer 3

使用jQuery时，请充分利用它。将它与普通JS混合只会增加代码行数。您的代码可能会重写为以下内容。

function setDivHeight() {
    //height of HTML document
    var documentHeight = $(document).height();
    //height of browser viewport
    var viewportHeight = $(window).height();
    $('#divName').height(documentHeight - 180); // OR viewportHeight - 180 as appropriate
}

// = onload and onresize
$(window).on("load resize", setDivHeight);

jquery窗口高度在加载和调整大小后变得相同

3 个答案: