$(document).ready和window.onload的区别

1. $(document).ready和window.onload的区别

<!DOCTYPE html>
<html>
	<head>		
		<style></style>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script>
			window.onload = function(){
				console.log('load1');
			};

			window.onload = function(){
				console.log('load2');
			};

			$(document).ready(function(){
				console.log('ready1');
			});

			$(document).ready(function(){
				console.log('ready2');
			});
		</script>
	</head>
	<body></body>
</html>

总结：

  • $(document).ready(function(){})先于window.onload = function(){}执行。
  • 如果有多个$(document).ready(function(){})，则依次执行。
  • 如果有多个window.onload = function(){}，则只执行最后一个。

注意：$(document).ready(function(){})等价于$(function(){})，而$(function(){})是jQuery的写法。

参考：

posted @ 2019-08-27 17:46  gzhjj  阅读(162)  评论(0)  编辑  收藏  举报