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

最新推荐文章于 2022-03-29 11:06:43 发布

oO归去来兮Oo

最新推荐文章于 2022-03-29 11:06:43 发布

阅读量4.2k

点赞数 2

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

本文链接：https://blog.csdn.net/paul342/article/details/49487583

版权

js 同时被 3 个专栏收录

21 篇文章 0 订阅

订阅专栏

onload

1 篇文章 0 订阅

订阅专栏

ready

0 篇文章 0 订阅

订阅专栏

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

oO归去来兮Oo

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js立即执行函数，jqueryReady和Onload执行顺序比较

最近研究了一下这几个函数的执行顺序，有概念可知，立即执行函数是首先执行，但是ready函数和Onload的执行顺序可以根据区别得知 JQuery的ready函数与JS的onload的区别： 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完
复制链接

扫一扫