Maison > interface Web > js tutoriel > javascript addLoadEvent函数说明_javascript技巧

javascript addLoadEvent函数说明_javascript技巧

WBOY
Libérer: 2016-05-16 18:37:32
original
1102 Les gens l'ont consulté

在给网页加一些特效时经常要在

中加入“onload”事件,即在网页加载完后执行某事件,例如:
  这时我们会想到用“window.onload”或“document.body.onload”来替换中的onload事件,的确,问题解决了,但在加载多个onload事件时或控制加裁顺序时还会出现一些问题,直到我发现“Paul Koch”写的addLoadEvent()函数后,所有问题都解决了。如果大家一定要用“window.onload”或 “document.body.onload”来替换中的onload事件,建议大家用前者,Firefox浏览器中无效,即兼容性有问题。

JavaScript代码

复制代码 代码如下:
 
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}



调用方法:
复制代码 代码如下:

addLoadEvent(wwwjb51());
//或
addLoadEvent(function(){
document.body.style.backgroundColor = 'yellow';
jb51();
});

演示代码:
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal