<script>
        var imgs = document.getElementsByTagName('img');
        for (var i = 0, len = imgs.length; i < len; i++) {
             //一定要先将i的值作为imgs的一个属性保存起来，注意
            imgs[i].index = i;
            imgs[i].onmouseover = function(){
               // console.log(i);
                console.log(this.index);
}
}
</script>
加入HTML页面有8个IMG标签的话，我的理解是脚本先执行循环不是吗？循环次数也只有8次，   但是 为什么实际的执行结果却是  只要触发循环内的事件 就可以一直执行触发事件既定的语句并且能够准确的找到所触发标签的下标呢。这段代码到底是怎么个执行步骤和原理呢？