一、函数调用

    1.函数调用:函数在定义好之后,不能自动执行,需要进行调用。

    2.调用方式:在<script>标签内调用。在HTML文件中调用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        function demo(){
            var a = 10;
            var b = 20;
            var sum = a+b;
            alert(sum);
        }
    </script>
    <form>
        <input type="button" value="按钮" onclick="demo()">
    </form>
</body>
</html>

    

二、带参数的函数

    1.函数参数:在函数的调用中,也可以传递值,这些值被称为参数。

    2.参数的个数可以为任意多,每个参数通过“,”隔开。

    3.注意:参数在传递时,其顺序必须一致。

    4.参数意义:通过传递参数的个数以及参数的类型不同可以完成不同的功能

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function demo(a,b) {
        var sum = a+b;
        alert(sum);
    }
    demo(10,20);
    demo(100,200);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function demo(name,age) {
        alert("Hello:"+name+",年龄为:"+age);
    }
</script>
    <form>
        <input type="button" value="button" onclick="demo('yeleven',22)" />
        <input type="button" value="button2" onclick="demo('yeleven2',22)" />
    </form>
</body>
</html>