document.ready против document.onLoad

Мне интересно, какой из них подходит для запуска 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';
     });
});

Ответы на вопрос(1)

Ваш ответ на вопрос