Javascript 计算并设置某些div的高度(初始设置)。更改浏览器窗口的高度时-->;更改div的高度

Javascript 计算并设置某些div的高度(初始设置)。更改浏览器窗口的高度时-->;更改div的高度,javascript,jquery,resize,Javascript,Jquery,Resize,我需要计算并设置一些div的高度(初始设置)。更改浏览器窗口高度时-->更改div的高度 如何更好地重写此代码(我想做一次初始设置,并在调整窗口大小时更改): $(文档).ready(函数(){ 变量高度=document.documentElement.clientHeight-500; 如果(高度

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

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

$(文档).ready(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135){
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
$(窗口)。调整大小(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135)
{
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
});
});

这就是你要找的吗

jQuery(文档).ready(函数(){
$(窗口)。调整大小(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135){
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
jQuery(窗口).调整大小(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135)
{
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
});
});
});

我认为jQuery(窗口)。调整一个窗口的大小将很好

如果您纯粹是想整理代码,它可能看起来像这样:

$(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中可以用来查找和更改元素样式的一些较短语法。

您的问题不清楚,请将其调整为什么?如果你正在做什么,它应该工作良好!
jQuery(document).ready(function () {

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

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

});


});
$(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();
    });
});