（一）jQuery下载

链接：https://pan.baidu.com/s/1ODSzeDbx1geKrDuwTuqvhw
提取码：pz0e

（二）onload事件的几种方式（普通方式，jQuery方式）

新建web项目，导入jQuery进js文件夹

比如现在我们要实现如下功能：弹出“helloworld”对话框，普通的方式有以下几种

第一种方式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
		<script type="text/javascript">
			function init(){
				alert("helloWorld");
			}
		</script>
	</head>
	<body onload="init()">
	</body>
</html>

第二种方式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
		<script type="text/javascript">
			function init(){
				alert("helloWorld");
			}
			window.onload=init();
		</script>
	</head>
	<body>
	</body>
</html>

第三种方式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
		<script type="text/javascript">
			window.onload=function(){
				alert("helloWorld");
			}
		</script>
	</head>
	<body>
	</body>
</html>

现在我们用jQuery的方式如下：

第一种方式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
		<script type="text/javascript">
			
			function init(){
				alert("helloWorld");
			}
			$(init);//用来指定网页加载完成后要执行的函数
			
		</script>
	</head>
	<body>
	</body>
</html>

第二种方式：（此方法貌似最简单）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
		<script type="text/javascript">
			
			$(function(){
				alert("helloworld");//用匿名函数的方式。表示网页加载完成后执行此匿名函数
			})
		</script>
	</head>
	<body>
	</body>
</html>

jQuery的下载及onload事件的几种方式

（一）jQuery下载

（二）onload事件的几种方式（普通方式，jQuery方式）

猜你喜欢