传统上，要在页面加载后调用 JavaScript 函数，您需要在包含一些 JavaScript 的正文中添加一个 onload 属性（通常只调用一个函数）
<body onload="foo()">
当页面加载完毕后，我想运行一些 JavaScript 代码来动态地使用来自服务器的数据填充页面的某些部分。我无法使用 onload 属性，因为我使用的是 JSP 片段，其中没有可以添加属性的 body 元素。
还有其他方法可以在加载时调用 JavaScript 函数吗？我宁愿不使用 jQuery，因为我对它不是很熟悉。
【问题讨论】：
标签： javascript onload
如果你想让onload方法带参数，你可以做类似这样的事情：
window.onload = function() {
yourFunction(param1, param2);
};
这会将 onload 绑定到一个匿名函数，当调用该函数时，它将运行您想要的函数，并使用您提供的任何参数。当然，您可以在匿名函数内部运行多个函数。
【讨论】：
另一种方法是使用事件侦听器，以下是您使用它们的方法：
document.addEventListener("DOMContentLoaded", function() {
your_function(...);
});
解释：
DOMContentLoaded 表示文档的 DOM 对象完全加载并被 JavaScript 看到时。这也可能是“点击”、“焦点”...
function() 匿名函数，当事件发生时会被调用。
【讨论】：
您最初的问题不清楚，假设凯文的编辑/解释是正确的，那么第一个选项不适用
典型的选项是使用onload 事件：
<body onload="javascript:SomeFunction()">
....
您也可以将 JavaScript 放在正文的最后；在文档完成之前它不会开始执行。
<body>
...
<script type="text/javascript">
SomeFunction();
</script>
</body>
另一种选择是使用本质上执行此操作的 JS 框架：
// jQuery
$(document).ready( function () {
SomeFunction();
});
【讨论】：
onload 中的javascript: 是不必要的，尽管没有害处。
<script type="text/javascript">LoadResult();</script> 给Uncaught ReferenceError: LoadResult is not defined
SomeFunction()的内容在哪里写？
function yourfunction() { /* do stuff on page load */ }
window.onload = yourfunction;
如果需要，也可以使用 jQuery：
$(function(){
yourfunction();
});
如果您想在页面加载时调用多个函数，请查看这篇文章了解更多信息：
【讨论】：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function codeAddress() {
alert('ok');
}
window.onload = codeAddress;
</script>
</head>
<body>
</body>
</html>【讨论】：
您必须调用要在加载时调用的函数（即加载文档/页面）。 例如，在文档或页面加载时要加载的函数称为“yourFunction”。这可以通过在文档的加载事件上调用函数来完成。请参阅下面的代码以获取更多详细信息。
试试下面的代码：
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
yourFunction();
});
function yourFunction(){
//some code
}
</script>
【讨论】：
这是诀窍（无处不在）：
r(function(){
alert('DOM Ready!');
});
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}
【讨论】：
要检测插入 DOM 的加载 html（来自服务器），请使用 MutationObserver 或在数据准备好使用时检测 loadContent 函数中的时刻
let ignoreFirstChange = 0;
let observer = (new MutationObserver((m, ob)=>
{
if(ignoreFirstChange++ > 0) console.log('Element added on', new Date());
}
)).observe(content, {childList: true, subtree:true });
// TEST: simulate element loading
let tmp=1;
function loadContent(name) {
setTimeout(()=>{
console.log(`Element ${name} loaded`)
content.innerHTML += `<div>My name is ${name}</div>`;
},1500*tmp++)
};
loadContent('Senna');
loadContent('Anna');
loadContent('John');<div id="content"><div>【讨论】：