最近研究了一下这几个函数的执行顺序,有概念可知,立即执行函数是首先执行,但是ready函数和Onload的执行顺序可以根据区别得知
jQuery的ready函数与js的onload的区别:
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
可知ready会先于onLoad
注意:对个立即执行函数会按照顺序执行!
代码如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript">
- $().ready(
- function() {
- alert("readyFunction");
- });
- function onLoadFunction(){
- alert("onLoadFunction");
- }
- (function(){
- alert("立即执行函数2");
- }());
- (function(){
- alert("立即执行函数1");
- })();
- </script>
- </head>
- <body onload="onLoadFunction()">
- </body>
- </html>