onload和ready的区别

    1. window.load

      $(document).ready()

      执行时机

      必须等待网页中所有的内容加载完毕后(包括图片)才能执行

      网页中所有DOM结构绘制完毕后就执行,可以能DOM元素关联的内容并没有加载完

      编写个数

      不能同时编写多个

      以下代码无法正确执行:

      window.onload = function(){

         alert(“offcn”);

      };

      window.onload = function(){

         alert(“offcn.com”);

      };

      结果只输出第二个

      能同时编写多个

      以下代码正确执行:

      $(document).ready(function(){

         alert(“Hello offcn”);

      });

      $(document).ready(function(){

         alert(“Hello offcn.com”);

      });

      结果两次都输出

      简化写法

      $(function(){

         // do something

      });

       

posted @ 2015-07-08 17:35  永远的呆  阅读(202)  评论(0编辑  收藏  举报