最近研究了一下这几个函数的执行顺序,有概念可知,立即执行函数是首先执行,但是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 οnlοad="onLoadFunction()">
</body>
</html>