一、函数参数
首先要知道函数的参数分为形参与实参：
形参：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。
实参：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。
这里是一道较为简单的问题：
有4张图片，点击某一张，变大，其他恢复正常大小。
问题分析：我们要了解点击某一张图片，仅有一张图片改变，那么这里我们就要用到参数，也就是说，鼠标点击那个图片，就对应到图片所对应的实参，那么基于这个参数在对应到已经写好的带有形参的函数里，就可以实现图片大小的改变。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.a{
width: 100px;}
</style>
<script>
function f(j)//形参{
var box=document.getElementById("box");
var img=box.getElementsByTagName("img");
for(var i=0;i<img.length;i++)//标签集合是一个数组{
img[i].className=" ";
}
img[j].className="a";
}
</script>
</head>
<body>
<div id="box">
<img src="img/13.png" alt="" onclick="f(0)"/>//实参
<img src="img/14.png" alt="" onclick="f(1)"/>//实参
<img src="img/15.png" alt="" onclick="f(2)"/>//实参
<img src="img/16.png" alt="" onclick="f(3)"/>//实参
</div>
</body>
</html>
图片材料可以自行选择。
这是最终的效果图