javascript - 完成页面加载后执行功能

<分区>

我正在使用以下代码在页面加载后执行一些语句。

 <script type="text/javascript">
    window.onload = function () { 

        newInvite();
        document.ag.src="b.jpg";
    }
</script>

但是这段代码不能正常工作。即使正在加载某些图像或元素，也会调用该函数。我想要的是调用页面完全加载的函数。

最佳答案

这可能对你有用:

document.addEventListener('DOMContentLoaded', function() {
   // your code here
}, false);

或者如果您对 jquery 感到满意，

$(document).ready(function(){
// your code
});

$(document).ready() 在 DOMContentLoaded 上触发，但此事件在浏览器中的触发不一致。这就是为什么 jQuery 很可能会实现一些繁重的变通方法来支持所有浏览器。这将使使用普通 Javascript“准确”模拟行为变得非常困难(但当然并非不可能)。

正如 Jeffrey Sweeney 和 J Torres 所建议的，我认为在触发函数之前最好有一个 setTimeout 函数，如下所示:

setTimeout(function(){
 //your code here
}, 3000);

关于javascript - 完成页面加载后执行功能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11936816/