关于JavaScript程序的执行流程

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>移入移出特效</title>
</head>
<body>
    <div id="sid">
        <h1 id="a">0001</h1>
        <h1 id="b">0002</h1>
        <h1 id="c">0003</h1>
        <h1 id="d">0004</h1>
    </div>
</body>
<script>
    var h1obj = document.getElementsByTagName('h1');

    for(i=0;i<h1obj.length;i++){
        h1obj[i].onmouseenter = function(){
            this.style.background = '#ccc';
        }

        h1obj[i].onmouseleave = function(){
            this.style.background = '#fff';
        }
    }
</script>
</html>

按照程序执行步骤，当页面加载完后for循环也执行完毕了。那为什么最后我把鼠标移动到id="a"的标签上时 h1obj[i].onmouseenter还会被执行？？而且为什么程序就会确定我触发的就是 h1obj[0].onmouseenter??按理说for循环不是在页面被加载完的时候就已经执行结束
了吗？？

onxxxx 是注册的事件函数，触发时才执行。比如 onclick，点击元素后才执行。触发几次就会执行几次。不触发永远不会执行

事件一旦绑定，就一直有效，直至元素被毁

如果按照你这么想，事件绑定就无法完成了。

【热门文章】