📅  最后修改于: 2023-12-03 15:09:02.948000             🧑  作者: Mango
在 HTML 页面中,我们通常会使用 JavaScript 处理各种事件,如点击按钮、鼠标悬停等。但是有时我们需要在没有任何事件触发的情况下调用 JavaScript 函数。这种情况下,我们可以使用以下两种方法。
window.onload
window.onload
事件会在整个页面及所有图片、样式文件等加载完成后触发。我们可以在 window.onload
中调用我们想要执行的 JavaScript 函数。
window.onload = function() {
myFunction();
};
function myFunction() {
// …
}
在上面的例子中,我们调用了名为 myFunction
的 JavaScript 函数。当页面以及所有内部资源都加载完成后,window.onload
事件触发,从而调用了 myFunction
函数。
script
标签除了使用 window.onload
,我们还可以在 script
标签中直接调用 JavaScript 函数。在 script
标签中,我们可以执行任意 JavaScript 代码,包括函数调用。
<!DOCTYPE html>
<html>
<head>
<title>Call JavaScript Function Example</title>
</head>
<body>
<script>
myFunction();
</script>
<script src="script.js"></script>
</body>
</html>
在上面的例子中,我们在 body
标签中添加了两个 script
标签。第一个 script
标签中直接调用了 myFunction
函数。第二个 script
标签则是引入了 script.js
文件,该文件中定义了 myFunction
函数。
总之,在没有任何事件的情况下调用 JavaScript 函数的方法有很多,上述两种方式只是其中的两种。具体使用哪种方法取决于项目的具体情况和个人喜好。