Rumah > hujung hadapan web > tutorial js > javascript addLoadEvent函数说明_javascript技巧

javascript addLoadEvent函数说明_javascript技巧

WBOY
Lepaskan: 2016-05-16 18:37:32
asal
1078 orang telah melayarinya

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

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

演示代码:
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan