window.onload=function()原理

  <script type="text/javascript"> 

      window.onload = function(){

          var tr=document.getElementsByTagName("tr");

          for(var i= 0;i<tr.length;i++)

          {

              bgcChange(tr[i]);

          }

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

      }         

function bgcChange(obj)

     {

        obj.onmouseover=function(){

            obj.style.backgroundColor="#f2f2f2";

        }

        obj.onmouseout=function(){

            obj.style.backgroundColor="#fff";

        }

}

请问window.onload=function(){}怎么理解，页面加载时去调用颜色改变的函数，但那个函数又在监听事件，事件没触发就不改变颜色，但这段代码不是执行过去了吗，后来鼠标移上去颜色为何能改变，代码运行机制是怎么样的呢