分享

window.onload与body.onload执行顺序问题

 gideshi 2012-06-28

1.window.onload指定的function是匿名的,则只执行后者,且动作是后者的动作。如:

<html>
<head>
<script type="text/javascript">
    alert('a');
    window.onload=function(){    // 
        alert('b');
    }
    alert('c');
</script>
</head>
<body onLoad="alert('d');">
</body>
</html>
结果:acd
2.window.onload指定的function不是匿名的,则都会执行,前者先于后者。如:
<html>
<head>
<script type="text/javascript">
alert('a');
window.onload=fn(); // 后续脚本不执行
function fn(){
alert('b');
}
alert('c');
</script>
</head>
<body onload="alert('d');">
</body>
</html>
结果:abcd(IE6中是abd)
3.window.onload指定的function是匿名的,则只执行后者,但动作前者是前者的动作。如:
<html>
<head>
</head>
<body onload="alert('a');">
<script type="text/javascript">
alert('b');
window.onload=function (){    //
alert('c');
}
alert('d');
</script>
</body>
</html>
结果:bdc
4.window.onload指定的function不是匿名的,跟3一样。如:
<html>
<head>
</head>
<body onload="alert('a');">
<script type="text/javascript">
alert('b');
window.onload=fn();    // 后续脚本未执行
alert('c');
function fn(){
alert('d');
}
</script>
</body>
</html>
结果:bdc(IE6中是bda)
PS:window.onload中使用非匿名函数时只是引用函数,函数执行后返回值传递给window.onload即window.onload注册成功,一旦成功注册成功此时window.onload=body.onload,另外js放的位置也有关系,head中的js会在页面加载完后执行。
参考总结:CSDN

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多