位置:电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) 推荐学习资源
课程概要
JavaScript入门
JavaScript 语法
JavaScript 变量
JavaScript 数据类型
JavaScript 对象
JavaScript 函数
JavaScript 作用域
JavaScript 事件
JavaScript 字符串
JavaScript 运算符
JavaScript 比较 和 逻辑运算符
JavaScript if...Else 语句
JavaScript switch 语句
JavaScript for 循环
JavaScript while 循环
JavaScript break 和 continue 语句
JavaScript typeof, null, 和 undefined
JavaScript 类型转换
JavaScript 正则表达式
JavaScript 错误 - throw、try 和 catch
当前阅读教程:JavaScript教程 > 调用带参数的函数
阅读(22555525)      收藏       赞(5685)      分享
上一篇: JavaScript 函数 下一篇: 带有返回值的函数

在调用函数时,您可以向其传递值,这些值被称为参数。

这些参数可以在函数中使用。

您可以发送任意多的参数,由逗号 (,) 分隔:

myFunction(argument1,argument2)

当您声明函数时,请把参数作为变量来声明:

function myFunction(var1,var2)

{

代码

}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

实例

<p>点击这个按钮,来调用带参数的函数。</p>

<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>

<script>

function myFunction(name,job){

    alert("Welcome " + name + ", the " + job);

}

</script>

完整示例

小白教程网www.2d5.net

<!DOCTYPE html>
<html>      
<head>
<meta charset="utf-8">
<title>小白教程(www.2d5.net)</title>
</head>
<body>
 
<p>点击这个按钮,来调用带参数的函数。</p>
<button onclick="myFunction('黄菊华','上海')">点击这里</button>
<script>
function myFunction(name,job){
     alert("Welcome " + name + ", 来 " + job);
}
</script>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png

函数很灵活,您可以使用不同的参数来调用该函数,这样就会给出不同的消息:

实例

<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>

<button onclick="myFunction('Bob','Builder')">点击这里</button>

完整示例

小白教程网www.2d5.net

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(www.2d5.net)</title>
</head>
<body>
 
<p>请点击其中的一个按钮,来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button>
<script>
function myFunction(name,job)
{
     alert("Welcome " + name + ", the " + job);
}
</script>
 
</body>
</html>

默认效果图

小白教程网www.2d5.net

image.png

根据您点击的不同的按钮,上面的例子会提示 "Welcome Harry Potter, the Wizard" "Welcome Bob, the Builder"


上一篇: JavaScript 函数 下一篇: 带有返回值的函数
毕业设计网             广告联系QQ:45157718(微信同号)