【DOM编程艺术】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>

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

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

 

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

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

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

posted @ 2014-04-13 16:55  Western Journey  阅读(214)  评论(0)  编辑  收藏  举报