js立即执行函数，jqueryReady和Onload执行顺序比较

于 2017-07-04 15:27:42 发布
阅读量814 收藏
点赞数

http://blog.csdn.net/paul342/article/details/49487583

最近研究了一下这几个函数的执行顺序，有概念可知，立即执行函数是首先执行，但是ready函数和Onload的执行顺序可以根据区别得知

    jQuery的ready函数与js的onload的区别：
   1.执行时间
   window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
   $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。


   2.编写个数不同
   window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
   $(document).ready()可以同时编写多个，并且都可以得到执行

  可知ready会先于onLoad

   注意：对个立即执行函数会按照顺序执行！

     代码如下：

    

[html] view plain copy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.   
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  6.   
  7.   
  8. <script type="text/javascript" src="jquery.js"></script>  
  9.   
  10. <script type="text/javascript">  
  11.       
  12.       
  13.   
  14.       
  15.     $().ready(  
  16.             function() {  
  17.             alert("readyFunction");  
  18.   
  19.             });  
  20.   
  21. function onLoadFunction(){  
  22.         alert("onLoadFunction");  
  23.     }  
  24.   
  25.   
  26.     (function(){  
  27.             alert("立即执行函数2");     
  28.         }());  
  29.   
  30.   
  31.   
  32.             (function(){  
  33.     alert("立即执行函数1");     
  34.     })();  
  35.       
  36.       
  37.   
  38.       
  39.   
  40.   
  41. </script>  
  42. </head>  
  43. <body onload="onLoadFunction()">  
  44.   
  45.   
  46. </body>  
  47. </html> 

乔志勇笔记
关注
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值