Ошибка при изменении окна. После того, как страница была загружена

Question

У меня есть имя функции onresizeWindow() и onresizeWindow2(), что я поставил в голову моей страницы, чтобы изменить высоту div.

function onResizeWindow() { 
     if (window.innerHeight && document.getElementById("divListItem")) 
      document.getElementById("divListItem").style.height = window.innerHeight - 135; 
     else if (document.getElementById("divListItem")) 
      document.getElementById("divListItem").style.height = document.body.clientHeight - 135; 
    } 
function onResizeWindow2() { 
     if (window.innerHeight && document.getElementById("divListItem")) 
      document.getElementById("divListItem").style.height = window.innerHeight - 275; 
     else if (document.getElementById("divListItem")) 
      document.getElementById("divListItem").style.height = document.body.clientHeight - 275; 
     } 
} 

Тогда в сноске моей страницы я поставил этот

window.onresize = onResizeWindow; 
onResizeWindow(); 

Когда пользователь нажимает кнопку, я поставил этот код

function showDiv(){ 
     var tr = document.getElementById('tdSearch');    
     if (tr.style.display =="table-row"){ 
      tr.style.display = "none"; 
      window.onresize= null; 
      window.onresize= onResizeWindow(); 
      onResizeWindow(); 
     }else{ 
      tr.style.display = "table-row"; 
      window.onresize= null; 
      window.onresize= onResizeWindow2(); 
      onResizeWindow2(); 
     } 
} 

Проблема после нажатия на кнопку, страница Функция onresize страницы больше не работает. Как это исправить?

Answer 1

Как и ваше первоначальное назначение, вы не должны использовать (). Использование:

window.onresize = onResizeWindow; 
// and 
window.onresize = onResizeWindow2; 

() Добавление немедленно вызывает функции и присваивает их возвращаемое значение в onresize собственности. Эти функции ничего не возвращают, поэтому undefined - это возвращаемое значение, что означает, что ничего не выполняется при изменении размера окна.

Answer 2

Когда вы делаете window.onresize= onResizeWindow();, вы эффективно устанавливаете window.onresize в undefined, так как вы работаете onResizeWindow и устанавливаете onresize в возвращаемое значение.

Просто удалите круглые скобки.

function showDiv() { 
     var tr = document.getElementById('tdSearch');    
     if (tr.style.display === "table-row") { 
      tr.style.display = "none"; 
      window.onresize = onResizeWindow; 
      onResizeWindow(); 
     } else { 
      tr.style.display = "table-row"; 
      window.onresize = onResizeWindow2; 
      onResizeWindow2(); 
     } 
}