一、基本语法
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>
网友评论