如何在页面加载时调用 JavaScript 函数？

javascript onload

2022-08-29 23:52:10

传统上，要在页面加载后调用JavaScript函数，您需要向包含一些JavaScript的主体添加一个属性（通常仅调用一个函数）。onload

<body onload="foo()">

加载页面后，我想运行一些JavaScript代码，用来自服务器的数据动态填充页面的某些部分。我不能使用这个属性，因为我使用的是JSP片段，它没有我可以添加属性的元素。onloadbody

有没有其他方法可以在加载时调用JavaScript函数？我宁愿不使用jQuery，因为我不是很熟悉它。

答案 1

如果希望 onload 方法采用参数，可以执行类似如下操作：

window.onload = function() {
  yourFunction(param1, param2);
};

这会将 onload 绑定到一个匿名函数，当调用该函数时，将使用您为其提供的任何参数运行所需的函数。当然，您可以从匿名函数内部运行多个函数。

答案 2

执行此操作的另一种方法是使用事件侦听器，下面介绍了如何使用它们：

document.addEventListener("DOMContentLoaded", function() {
  your_function(...);
});

解释：

DOMContentLoaded这意味着当文档的DOM对象被JavaScript完全加载并看到时。这也可能是“点击”，“聚焦”...

函数（）匿名函数，将在事件发生时调用。