关于JavaScript程序的执行流程
本文介绍了关于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循环不是在页面被加载完的时候就已经执行结束
了吗？？
解决方案
事件一旦绑定，就一直有效，直至元素被毁
这篇关于关于JavaScript程序的执行流程的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
