Javascript -如何正确调用函数

Javascript - how to call function correctly

本文关键字：调用 函数 何正确 Javascript      更新时间：2023-09-26

我真的不明白如何在文档就绪时正确调用Javascript函数。我的目标是根据浏览器窗口的高度来调整div的大小，我从另一个答案中获得了这段代码。我做错了什么?

function resizeElementHeight(element) {
  var height = 0;
  var body = window.document.body;
  if (window.innerHeight) {
      height = window.innerHeight;
  } else if (body.parentElement.clientHeight) {
      height = body.parentElement.clientHeight;
  } else if (body && body.clientHeight) {
      height = body.clientHeight;
  }
  element.style.height = ((height - element.offsetTop) + "px");
}
$(document).ready(resizeElementHeight($('#global_image')));

我试图调用的元素具有id"global_image"，但我得到"无法设置未定义的属性高度"，我感到迷失在如何为函数提供正确的元素。谢谢你的帮助!

ready()期望函数作为其参数。现在，您正在调用resizeElementHeight()并将其返回值传递给ready()。

在您当前的代码中，在调用resizeElementHeight()时DOM还没有准备好，元素#global_image还没有在DOM树中。

应该改成:

$(document).ready(function() {
    resizeElementHeight($('#global_image'));
});

resizeElementHeight函数需要dom元素，而不是JavaScript对象。要扩展techfoobar的答案，您应该将其更改为:

$(document).ready(function() {
    resizeElementHeight($('#global_image')[0]);
});

调用resizeelementtheight时，DOM对象没有完全加载。替换为is:

    $(document).ready(function() {
    resizeElementHeight($('#global_image')[0]);
});
相关文章：