把多个JavaScript函数绑定到onload事件处理函数上的

狼蚁网站SEO优化：长沙网络推广教你如何将多个JavaScript函数绑定到onload事件处理函数上

为了让函数只在页面加载完毕后执行，我们经常将函数绑定到window的onload事件上。例如：

window.onload = userFunction;

如果我们有两个或更多的函数，例如firstFunction()和secondFunction()，我们想在页面加载完毕后让这些函数依次执行，该怎么办？直接使用如下方式：

window.onload = firstFunction; window.onload = secondFunction; 只会执行最后一个函数。这是因为每个事件处理函数只能绑定一条指令。

为了解决这个问题，我们可以创建一个新的函数，在这个函数中依次调用所有需要执行的函数。例如：

window.onload = function(){ firstFunction(); secondFunction(); }; 这样，当页面加载完成时，会依次执行这两个函数。但是这种方法对于绑定多个函数并不方便。我们需要为每个函数都编写一个新的匿名函数。这时我们可以使用一种更通用的解决方案：使用addLoadEvent函数，该函数允许我们绑定任意数量的函数到window的onload事件上。这个函数由Simon Willison编写。它的工作原理如下：

将现有的window.onload事件处理函数的值存入变量oldonload中。然后检查是否已经存在事件处理函数。如果不存在，就直接把新的函数赋值给window.onload。如果已经存在其他函数，那么就把新的函数追加到原有函数的末尾，这样所有的函数都会在页面加载完毕后依次执行。这就是狼蚁网站SEO优化的关键部分：创建一个可以在页面加载完毕后执行多个函数的队列。下面是这个函数的代码实现：