3

我想知道哪一个是运行 js 代码的正确代码，该代码根据窗口高度计算垂直菜单的高度并按时设置，不迟到，不早。

我正在使用document.ready，但它并没有真正帮助我解决这个问题，有时它没有设置，我必须重新加载页面，然后它才能工作，但不是在第一次加载时。

如何解决这个问题呢？

这是我的代码：

$(document).ready(function(){
     var winh = document.body.clientHeight;
     var footer = document.getElementById('footer').offsetHeight;
     document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px';
     document.getElementById('sidebar').style.marginBottom = footer + 'px';

     $(window).resize(function(){
         var winh = document.body.clientHeight;
         var footer = document.getElementById('footer').offsetHeight;
         document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px';
         document.getElementById('sidebar').style.marginBottom = footer + 'px';
     });
});
4

1 回答 1

5

准备好

当您在文档准备好时运行代码时，这意味着 DOM 已加载——但不是图像之类的东西。如果图像会影响高度和宽度，并且图像标签没有设置宽度和高度，那么 ready 不是您的选择 - 否则可能是。

负载

这包括图像 - 所以一切都会被加载。这意味着它会稍后触发。

两个都

var calculateSize = function () {
     var winh = document.body.clientHeight;
     var footer = document.getElementById('footer').offsetHeight;
     document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px';
     document.getElementById('sidebar').style.marginBottom = footer + 'px';
}

$(document).ready(function(){
    calculateSize();

     $(window).resize(calculateSize);
});

window.onload = calculateSize ;
于 2012-11-16T16:52:37.283 回答