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

最新推荐文章于 2019-01-23 16:49:22 发布

oO归去来兮Oo

最新推荐文章于 2019-01-23 16:49:22 发布

阅读量4.3k

点赞数 2

分类专栏： ready js onload 文章标签： js ready Onload

本文链接：https://blog.youkuaiyun.com/paul342/article/details/49487583

版权

js 同时被 3 个专栏收录

21 篇文章

订阅专栏

onload

1 篇文章

订阅专栏

ready

0 篇文章

订阅专栏

本文探讨了JQuery的ready函数与JS的onload函数之间的区别。主要从执行时间和编写个数两个方面进行了对比，强调了ready函数在DOM结构绘制完成后即可执行的特点，以及其相较于onload函数的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近研究了一下这几个函数的执行顺序，有概念可知，立即执行函数是首先执行，但是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>