版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/fanqingtulv/article/details/84846639
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 函数</title>
</head>
<body>
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name, job) {
alert("Welcome " + name + ", the " + job);
}
</script>
<p>本例调用的函数会执行一个计算，然后返回结果</p>
<p id="demo"></p>
<script type="text/javascript">
function myFunction(a, b) {
return a * b;
}
document.getElementById("demo").innerHTML = myFunction(4, 3);
</script>
</body>
</html>
参考资料：《菜鸟教程》