masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > js window.onload 加载多个函数的方法_javascript技巧

js window.onload 加载多个函数的方法_javascript技巧

WBOY
Lepaskan： 2016-05-16 18:42:44
asal
1214 orang telah melayarinya

用法如下：
function func(){alert("this is window onload event!");return;}
window.onload=func;
或者如下：
window.onload=function(){alert("this is window onload event!");return;}

但window.onload 不能同时加载多个函数。

比如：

复制代码 代码如下:

function t(){
alert("t")
}
function b(){
alert("b")
}
window.onload =t ;
window.onload =b ;

后面会把前面的覆盖，上面代码只会输出 b。
此时可用如下方法解决：

window.onload =function() { t(); b(); }

另一种解决方法如下：
复制代码 代码如下:

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

使用如下：
复制代码 代码如下:

function t(){
alert("t")
}
function b(){
alert("b")
}
function c(){
alert("c")
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

addLoadEvent(t);
addLoadEvent(b);
addLoadEvent(c);
//等价于 window.onload =function() { t(); b(); c() ;}

个人以为直接使用隐式函数(如：window.onload =function() { t(); b(); c() ;})更快捷，当然使用 addLoadEvent 更professional，各取所好吧！
Label berkaitan：
window.onload 多个函数
sumber：php.cn
Artikel sebelumnya：jquery ajax 检测用户注册时用户名是否存在_jquery Artikel seterusnya：cnblogs csdn 代码运行框实现代码_javascript技巧
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
Artikel terbaru oleh pengarang
Isu terkini
Menggunakan JavaScript untuk mendapatkan semula nilai data daripada HTML saya dan mencetaknya ke konsol Saya tidak tahu apa yang salah kod ini, saya mencarinya dalam talian dan yang saya lihat h...
daripada 2024-03-31 13:31:58
0
1
384
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan