如何使用JavaScript addEventListener在页面加载上运行两个或更多函数？

要在页面加载上运行两个或更多函数，可以使用JavaScript的addEventListener方法。该方法用于向指定的元素添加事件监听器，以便在特定事件发生时执行相应的函数。

以下是使用addEventListener方法在页面加载上运行两个或更多函数的步骤：

1. 首先，需要获取要添加事件监听器的元素。可以使用document对象的相关方法（例如getElementById、getElementsByClassName、getElementsByTagName等）或者选择器（例如querySelector、querySelectorAll）来获取元素。
2. 然后，使用addEventListener方法向元素添加事件监听器。该方法接受三个参数：事件类型、要执行的函数、以及一个可选的布尔值参数，用于指定事件是在捕获阶段还是冒泡阶段触发，默认为false，即在冒泡阶段触发。

例如，假设要在页面加载完成后同时执行两个函数func1和func2，可以按照以下方式编写代码：

document.addEventListener('DOMContentLoaded', function() {
  func1();
  func2();
});

在上述代码中，addEventListener方法用于向整个文档添加DOMContentLoaded事件监听器。当文档的内容已经加载完成并解析为DOM树时，DOMContentLoaded事件将被触发，然后执行传递的匿名函数。在该匿名函数中，可以调用func1和func2函数来执行相应的操作。

需要注意的是，addEventListener方法可以多次调用，以添加多个事件监听器。例如，如果还想在页面完全加载后执行另外一个函数func3，可以继续添加事件监听器：

document.addEventListener('DOMContentLoaded', function() {
  func1();
  func2();
});

document.addEventListener('load', function() {
  func3();
});

在上述代码中，除了DOMContentLoaded事件监听器外，还添加了一个load事件监听器。load事件在整个页面及其所有依赖资源（例如图片、样式表等）都已加载完成后触发。当load事件触发时，将执行传递的匿名函数，并调用func3函数。

总结： 使用JavaScript的addEventListener方法可以在页面加载上运行两个或更多函数。通过向指定元素添加事件监听器，可以在特定事件发生时执行相应的函数。可以使用DOMContentLoaded事件监听器在页面加载完成后执行函数，也可以使用load事件监听器在页面及其所有依赖资源加载完成后执行函数。