JavaScript基础6_函数的定义和调用

本文链接：https://blog.csdn.net/weixin_46174745/article/details/118393504

函数的定义和调用：

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

记录下JavaScript中函数的定义和调用。JavaScript中采用关键字function来定义一个函数；
函数体需要用一对大括号（{}）括起来

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>函数的定义和调用</title>
	</head>
	<body>
		<script type="text/javascript">
			// 定义一个函数
			function fun1(){
				window.alert("这个一个函数")
			}
			// 调用函数
			fun1()
			
		</script>
	</body>
</html>

上面用关键字function定义了一个函数fun1(), 里面代码块只有一行语句，这个是弹出一个alert弹窗，里面有一个字符串显示。只需要另起一行，输入函数名称后面跟着分号，就可以调用这个函数。
接下来，我们换一个方法来调用函数，例如，网页上点击一个按钮，然后弹出alert框。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>函数的定义和调用</title>
	</head>
	<body>
		<script type="text/javascript">
			// 定义一个函数
			function fun1(){
				window.alert("这个一个函数")
			}				
		</script>
		<!-- 点击按钮后调用函数 -->
		
		<form>
			<input type="button" value="点击" onclick="fun1()"></input>			
		</form>
	</body>
</html>