Question

我们使用<body onload="f1()">执行onload

无论如何，我可以在完全加载页面后运行脚本f1 function吗？

请回答一个例子（jsfiddle首选）

Answer 1

完整页面完整加载后，$(window).load(function() {事件会稍后执行，包括所有帧，对象和图像

使用jQuery

<script>
$(window).load(function() {
    alert( "window loaded" );
    f1(); // Your function call
});
</script>

使用Pure JS

<script>
window.onload = function() {
    alert( "window loaded" );
    f1(); // Your function call
};
</script>

Answer 2

 <script>
    f1();
 </script>

在关闭正文标记之前添加此脚本，即

</body>

Answer 3

您可以将您的功能放在$(window).load(function() { ... });：

中

$(window).load(function() {
    f1();
});

$( window ).load(function() { ... })中包含的代码将在整个页面（图片或iframe）（而不仅仅是DOM）准备就绪后运行。

Answer 4

使用以下方法，以便在网页已完全加载所有内容（包括图像，脚本文件，CSS文件等）时加载您的功能。

<body onload="f1()">