一个onload事件处理函数绑定多个Javascript函数的方法

为了获得功能只能在页面被加载后执行,我们会将函数onload事件:

在window.onload = userfunction

但如果有两个功能:首要功能便secondfunction()和(),并希望他们能够在页面加载时执行,我应该怎么做呢如果是这样的话,




在window.onload = firstfunciton;
在window.onload = secondfunction;



只有最后一个函数才能执行,因此每个事件处理函数只能绑定一个指令。

但我们可以做到这一点:




在window.onload =函数(){
首要功能便();
secondfunction();
}



这是一个解决方案。

然而,有一个比较可行的解决方案,额外的代码是自己写的,但好的方面是,这些代码,它是绑定功能在window.onload事件不管其数量很容易。

这个函数的名字是分析师,这是Simon Willison写的。它只有一个参数:函数名,打算执行加载页时。

以下是分析师的操作()函数来做:

1。现有的在window.onload事件处理函数的值是存储在变量oldonload。

2。如果没有函数绑定到这个处理函数,它会像往常一样添加到函数中。

三.如果某些函数已被绑定在这个处理函数上,则表单函数将添加到现有指令的结尾。

以下是对分析师的代码列表()函数:


分析师的功能(函数){
VaR在window.onload oldonload =;
如果在window.onload(typeof!= 'function){
在window.onload =功能;
其他{ }
在window.onload =函数(){
Oldonload();
Func();
}
}
}


这相当于为加载页面时执行的函数创建一个队列。如果要将这两个函数添加到队列中,只需编写以下代码:




分析师(首要功能便);
(secondfunction)分析师;


将多个Javascript函数onload事件处理函数的方法是分享的全部内容,小编的,希望能给大家一个参考,希望你能支持它。