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

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

传统上,要在页面加载后调用JavaScript函数,您需要添加一个onload属性设置为包含少量JavaScript的主体(通常只调用一个函数)。

<body onload="foo()">

当页面加载后,我想运行一些JavaScript代码来动态地填充来自服务器的数据。我不能用onload属性,因为我使用的是JSP片段,这些片段没有body元素中添加一个属性。

是否有其他方法在加载时调用JavaScript函数?我不想使用jQuery,因为我对它不太熟悉。


翻阅古今
浏览 326回答 3
3回答

当年话下

如果希望onload方法接受参数,可以执行类似的操作:window.onload&nbsp;=&nbsp;function()&nbsp;{ &nbsp;&nbsp;yourFunction(param1,&nbsp;param2);};这会将onload绑定到一个匿名函数,当调用该函数时,它将使用您提供的任何参数运行您想要的函数。当然,您可以从匿名函数内部运行多个函数。

墨色风雨

另一种方法是使用事件侦听器,这里您是如何使用它们的:document.addEventListener("DOMContentLoaded",&nbsp;function()&nbsp;{ &nbsp;&nbsp;you_function(...);});说明:DOMContentload这意味着当文档的DOM对象被JavaScript完全加载并看到时,这也可能是“单击”、“焦点”.功能()匿名函数,将在事件发生时调用。

呼如林

你最初的问题不清楚,假设Kevin的编辑/解释是正确的,那么第一个选项就不适用了典型的选项是使用onload活动:<body&nbsp;onload="javascript:SomeFunction()">....您还可以将javascript放在主体的末尾;在文档完成之前,它不会开始执行。<body> &nbsp;&nbsp;...&nbsp;&nbsp;<script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;SomeFunction(); &nbsp;&nbsp;</script></body>另外,另一种选择是考虑使用JS框架,该框架本质上是这样做的://&nbsp;jQuery$(document).ready(&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;SomeFunction();});
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript