Javascript 加载页面后运行脚本,但不使用onload函数

Javascript 加载页面后运行脚本,但不使用onload函数,javascript,jquery,Javascript,Jquery,我们使用在加载时执行某些操作 页面完全加载后,我是否可以运行脚本f1函数 请用一个示例回答(首选JSFIDLE)当整个页面(包括所有帧、对象和图像)完全加载时,$(窗口).load(函数(){事件将在稍后执行 使用jQuery <script> $(window).load(function() { alert( "window loaded" ); f1(); // Your function call }); </script> $(窗口)。加载(

我们使用
在加载时执行某些操作

页面完全加载后,我是否可以运行脚本
f1函数

请用一个示例回答(首选JSFIDLE)

当整个页面(包括所有帧、对象和图像)完全加载时,
$(窗口).load(函数(){
事件将在稍后执行

使用jQuery

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

$(窗口)。加载(函数(){
警报(“窗口加载”);
f1();//您的函数调用
});
使用纯JS

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

window.onload=函数(){
警报(“窗口加载”);
f1();//您的函数调用
};

您可以将函数放入
$(窗口)。加载(函数(){…});

包含在$(窗口)中的代码。加载(function(){…})将在整个页面(图像或iframe)而不仅仅是DOM就绪后运行。

 <script>
    f1();
 </script>
f1();
在关闭主体标记之前添加此脚本,即

</body>

使用以下方法,以便在网页完全加载所有内容(包括图像、脚本文件、CSS文件等)后加载您的函数



“完全加载”意味着所有图像都已加载?首选JSFIDLE…..我认为您需要这样做。@LynAs,只是为了确认一下。正如您已经标记了jQuery。jQuery是否已加载?我已经更新了使用纯JSI的答案,我不确定,但我认为这将在加载所有DOM之后运行,但不一定在所有元素之后运行(样式表、脚本、对象,尤其是图像)被加载,这就是我所理解的“完全加载”的意思。。。
</body>
<body onload="f1()">