函数的定义和调用:
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
记录下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>
运行结果:
点击按钮:点击后弹窗