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

如何在页面加载时调用JavaScript函数？传统上，要在页面加载后调用JavaScript函数，您需要添加一个onload属性设置为包含少量JavaScript的主体(通常只调用一个函数)。<body onload="foo()">当页面加载后，我想运行一些JavaScript代码来动态地填充来自服务器的数据。我不能用onload属性，因为我使用的是JSP片段，这些片段没有body元素中添加一个属性。是否有其他方法在加载时调用JavaScript函数？我不想使用jQuery，因为我对它不太熟悉。

查看完整描述

3 回答

当年话下

TA贡献1890条经验获得超9个赞

如果希望onload方法接受参数，可以执行类似的操作：

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

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

反对回复 2019-10-17

墨色风雨

TA贡献1853条经验获得超6个赞

另一种方法是使用事件侦听器，这里您是如何使用它们的：

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

说明：

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

功能()匿名函数，将在事件发生时调用。

反对回复 2019-10-17

呼如林

TA贡献1798条经验获得超3个赞

你最初的问题不清楚，假设Kevin的编辑/解释是正确的，那么第一个选项就不适用了

典型的选项是使用onload活动：

<body onload="javascript:SomeFunction()">....

您还可以将javascript放在主体的末尾；在文档完成之前，它不会开始执行。

<body>
  ...  <script type="text/javascript">
    SomeFunction();
  </script></body>

另外，另一种选择是考虑使用JS框架，该框架本质上是这样做的：

// jQuery$(document).ready( function () {
  SomeFunction();});

反对回复 2019-10-17

热搜

最近搜索清空

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

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

3 回答

添加回答