我的乖乖啥昵称

博客园 首页 联系 订阅 管理

window.onload:页面加载完毕执行【DOM tree + 外部图片 + 资源】

<script>

  function asd(){

    return 10;

  }

  window.onload = asd();    <===>等价于window.onload = 10;

  而onload事件是一个绑定事件,直接赋值一个函数,在页面加载的时候导致页面没有加载完asd()就执行了,返回的是值,导致onload事件绑定失败。

  window.onload = asd;             <=======>等价于onload = asd()??

</script>

注意1,如果有两个window.onload = asd1;window.onload = asd2;后面的会覆盖前面的。前面的失效。

    另外一种形式:如<script>window.onload = asd1</script>,同时<body onload = ‘asd2()’>  这种形式也只能存在一个,否则后面的会覆盖前面。

强烈建议,一般像这些onload事件之类的函数请用匿名函数来包含。

例如:window.onload = function (){

   asd();

   asd1();

   asd2();

}

这种形式可以添加多个

posted on 2018-06-04 15:14  我的乖乖啥昵称  阅读(225)  评论(0编辑  收藏  举报