window.onload的工作机制

window.onload的工作机制
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>window.onload研究</title>
</head>

<body>
<script type="text/javascript">
window.onload=firstFunction;
window.onload=secondFunction;
function firstFunction(){
   alert(我是第一个函数);
}
function secondFunction(){
   alert(我是第二个函数);
}
</script>
</body>
</html>
window.onload的工作机制

结果会弹出窗口      我是第二个函数!!!!

*****  他们当中只有最后那个才会被执行

 

要想两个都执行,可以先创建一个匿名函数来容纳这两个函数,然后把这个匿名函数绑定到onload事件上,如下所示:

window.onload的工作机制
<script type="text/javascript">
window.onload=function(){     
    firstFunction();
    secondFunction();
}
function firstFunction(){
   alert(我是第一个函数);
}
function secondFunction(){
   alert(我是第二个函数);
}
</script>
window.onload的工作机制

它确实能很好的工作-----在需要绑定的函数不是很多的场合,这应该是最简单的解决方案了

window.onload的工作机制,布布扣,bubuko.com

window.onload的工作机制

上一篇:window.onload延伸addLoadEvent


下一篇:node.js环境搭建&npm配置(win7)