 |
位置：电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：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> 完整示例 <!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>效果图
函数很灵活，您可以使用不同的参数来调用该函数，这样就会给出不同的消息： 实例 <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button> <button onclick="myFunction('Bob','Builder')">点击这里</button> 完整示例 <!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>默认效果图
根据您点击的不同的按钮，上面的例子会提示 "Welcome Harry Potter, the Wizard" 或 "Welcome Bob, the Builder"。 |
|
| 上一篇： JavaScript 函数 | 下一篇： 带有返回值的函数 |
