javascript addLoadEvent函数说明_javascript技巧

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

中加入“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();
});

演示代码:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>addLoadEvent() test</title> <script type="text/javascript"> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } } addLoadEvent(function() { document.body.style.backgroundColor = 'yellow'; //璁剧疆</script>