window.onload=function()原理

来源:9-22 编程练习

高个长颈鹿0

2017-01-04 11:08

  <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(){}怎么理解,页面加载时去调用颜色改变的函数,但那个函数又在监听事件,事件没触发就不改变颜色,但这段代码不是执行过去了吗,后来鼠标移上去颜色为何能改变,代码运行机制是怎么样的呢

写回答 关注

1回答

  • 晴格格的鼓励
    2017-01-05 11:52:51

    window.onload 当文档加载完成之后 就会触发该事件,就是说文档加载中是不会执行那个函数的。这样可以防止找不到相关的DOM

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题