window.onload添加多个函数的方法
2016-08-15 22:40
411 查看
网页加载完毕时会触发一个onload事件,这个事件与window对象相关联
现在有两个函数a1、a2需要在页面加载时得到执行:
function a1(){
......
}
function a2(){
......
}
第一种方法:
逐一绑定到onload事件上。
window.onload = a1;
window.onload = a2;
但是每个事件处理函数只能绑定一条指令,所以a2会取代a1。
那么,
第二种方法:
使用一个匿名函数来容纳a1、a2函数
window.onload = function(){
a1();
a2();
}
但是如果执行的函数过多扩展性不太好
第三种方法:
一个弹性的解决方法,需要额外写一个函数绑定事件
addLoadEvent(a1);
addLoadEvent(a2);
来自: javascript dom 艺术编程书中
现在有两个函数a1、a2需要在页面加载时得到执行:
function a1(){
......
}
function a2(){
......
}
第一种方法:
逐一绑定到onload事件上。
window.onload = a1;
window.onload = a2;
但是每个事件处理函数只能绑定一条指令,所以a2会取代a1。
那么,
第二种方法:
使用一个匿名函数来容纳a1、a2函数
window.onload = function(){
a1();
a2();
}
但是如果执行的函数过多扩展性不太好
第三种方法:
一个弹性的解决方法,需要额外写一个函数绑定事件
function addLoadEvent(func) { //将已绑定的onload函数赋值给一个临时函数变量 var oldonload = window.onload; //判断是否已有函数绑定 if (typeof oldonload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); fun(); } } }使用方式:
addLoadEvent(a1);
addLoadEvent(a2);
来自: javascript dom 艺术编程书中
相关文章推荐
- window.onload同时执行多个函数的解决方法
- addLoadEvent函数将多个事件添加到window.onload
- js window.onload 加载多个函数的方法
- js window.onload 加载多个函数的方法
- js window.onload 加载多个函数的两种方法
- 添加一个函数到window.onload里==常用小函数
- for=window event=onload ==>为window的onload事件指定函数
- javascript 添加和移除函数的通用方法
- js window.onload 加载多个函数
- javascript中window.onload和body onload冲突的解决方法
- 在VC6.0及VS中添加对话框oninitdialog()函数的方法
- window.onload的另一种载入方法
- 非mfc默认消息函数添加方法一例:WM_DEVICECHANGE消息函数
- window.onload函数用法
- Qt中添加自定义Slot函数的方法(VS2010+Qt4.7.0)
- 绑定多个函数到window.onload
- 添加和移除函数的通用方法。
- 在VC6.0及VS中添加对话框oninitdialog()函数的方法
- js:window.onload事件 让一个js事件执行多个函数