一、基本语法

1、创建函数就像是创建一条新的JavaScript命令，而该命令能够在脚本的其他部分使用。

#function必须是小写
function 函数名() {
      JavaScript 语句;
      ......
}

2、在<script>元素里创建多个函数

#function必须是小写
<script>
      function 函数名1() {
              JavaScript 语句;
              ......
        }
       function 函数名2() {
              JavaScript 语句;
              ......
        }
</script>

二、调用函数

在页面加载时，包含在函数定义区域内的代码不会被执行，等到“调用”的时候才会执行。
调用函数只需要使用函数名称以及一对英文小括号，就可以在需要的地方执行函数的代码。
函数名是区分大小写的

#栗子：在按钮的onClick事件处理器中调用函数。
<input type="button" value="say Hello" onClick="函数名()"/>

把JavaScript代码放到页面的<head>区域

当函数位于页面<head>区域的<script>元素里，或是位于页面<head>的<script>元素的src属性所指向的外部文件时，就可以从页面的任何位置调用它了。把函数放到文档的head部分，就能够确保他们在调用前已经被定义了。

<!DOCTYPE html>
<html>
<head>
    <title>"function"</title>
    <script type="text/javascript">
        function fun(){
            alert("Hello");
        }
    </script>
</head>
<body>
    <input type="button" value="click me" onclick="fun()"/>
</body>
</html>

给函数传递参数

1、单个参数

function 函数名(arguments) {
       JavaScript 语句;
        ......
}

2、多参数

function 函数名(argument1,argument2) {
       JavaScript 语句;
        ......
}

变量作用域

1、函数内部定义的变量，作用域只存在于函数内部，是局部作用域。
2、函数外部定义的变量，作用于整个程序，是全局作用域。
栗子：

<!DOCTYPE html>
<html>
<head>
    <title>"function"</title>
</head>
<body>
    <script type="text/javascript">
        var a=10;  //全局变量
        var b=10; //全局变量
        function showVars() {
            var a=20;   //局部变量
            b=20;      //改变b的值
            return "Local variable 'a'=" + a + "\n Global variable 'b'=" + b;
        }
        var message = showVars();
        alert(message + "\n Global variable 'a'=" + a);
    </script>
</body>
</html>