javascript - 计算并设置某些 div 的高度(初始设置)。当浏览器窗口的高度改变时——>改变div的高度

Question

我需要计算并设置一些 div 的高度(初始设置)。当浏览器窗口的高度改变时 --> 改变 div 的高度。

如何重写这段代码会更好(我想做一次初始设置并在窗口调整大小时更改它):

$(document).ready(function () {
    var height = document.documentElement.clientHeight - 500;
    if (height < 135) {
        height = 135;
    }
    document.getElementById('left_space').style.height = height + 'px';

    $(window).resize(function () {
        var height = document.documentElement.clientHeight - 500;
        if (height < 135)
        {
            height = 135;
        }
        document.getElementById('left_space').style.height = height + 'px';
    });
});

Answer 1

如果你只是想整理代码，它可能看起来像这样:

$(document).ready(function () {

    var resizeIt = function() {
      var height = Math.max(document.documentElement.clientHeight - 500, 135);
      $('#left_space').css('height', height + 'px');
    };

    resizeIt();

    $(window).resize(function () {
        resizeIt();
    });
});

这里我把设置高度的那几行代码拉出来放到自己的函数里，所以代码没有重复。然后我利用了一些可以在 jQuery 中使用的较短语法来查找和更改元素的样式。