酷客网JavaScript函数多参数，函数不只能接收一个参数。在使用多个参数时，我们只需要用逗号分隔它们即可：
function times(a, b) {
alert(a * b);
}
times(3, 4); // 显示 ′12′
根据需要可以使用任意多个参数。
注意：统计参数数量
在调用函数时，要确保其包含了与函数定义相匹配的参数数量。如果函数定义里的某个参数没有接收到值，JavaScript可能会报告错误或是函数执行结果不正确。如果调用函数时传递了过多的参数，JavaScript会忽略多出来的参数。
需要注意的重要的一点是，函数定义中参数的名称与传递给函数的变量名称没有任何关系。参数列表里的名称就是占位符，用于保存函数被调用时传递过来的实际值。这些参数的名称只会在函数定义内部使用，实现函数的功能。
输出消息的函数
现在我们利用已经学到的知识来创建一个函数，当用户单击按钮时，向用户发送关于按钮的信息。这个函数的定义放在页面的<head>区域，并且用多个参数来调用它。代码如下：
function buttonReport(buttonId, buttonName, buttonValue) {
//按钮id信息
var userMessage1 = "Button id: " + buttoned + "\n";
//按钮名称
var userMessage2 = "Button name: " + buttonName + "\n";
//按钮值
var userMessage3 = "Button value: " + buttonValue;
//提醒用户
alert(userMessage1 + userMessage2 + userMessage3);
}
函数buttonReport有3个参数，分别是被单击按钮的id、name和value。根据这3个参数，函数组成了简短的信息，然后把3段信息组合成一个字符串传递给alert()方法，从而显示在对话框里。
提示：特殊字符
从代码中可以看到，前两条消息的末尾添加了"\n"，这是表示“换行”的字符，能够让对话框里的文本另起一行，从左侧开始显示。在字符串里，像这样的特殊字符如果想要发挥正确的功能，必须以“\”作为前缀。这种具有前缀的字符称为“转义序列”。
为了调用这个函数，我们在HTML页面上放置一个按钮，并且定义了它的id、name和value属性：
<input type="button" id="id1" name="Button 1" value="Something" />
接着添加一个onClick事件处理器，从中调用我们定义的函数。这里又要用到关键字this：
onclick = "buttonReport(this.id, this.name, this.value)"
完整的代码如下程序清单：
<!DOCTYPE html>
<html>
<head>
<title>Calling Functions</title>
<script>
function buttonReport(buttonId, buttonName, buttonValue) {
// 关于按钮的id信息
var userMessage1 = "Button id: " + buttonId + "\n";
// 然后是关于按钮名称的信息
var userMessage2 = "Button name: " + buttonName + "\n";
// 然后是按钮的值
var userMessage3 = "Button value: " + buttonValue;
// 提示用户
alert(userMessage1 + userMessage2 + userMessage3);
}
</script>
</head>
<body>
<input type="button" id="id1" name="Left Hand Button" value="Left" onclick
= "buttonReport(this.id, this.name, this.value)"/>
<input type="button" id="id2" name="Center Button" value="Center" onclick
= "buttonReport(this.id, this.name, this.value)"/>
<input type="button" id="id3" name="Right Hand Button" value="Right" onclick
= "buttonReport(this.id, this.name, this.value)"/>
</body>
</html>
利用编辑软件创建文件buttons.html，输入上述代码。它的运行结果如下图所示，具体的输出内容取决于单击了哪个按钮。
酷客网相关文章：
评论前必须登录！
注册