js函数参数的简单应用

最新推荐文章于 2023-07-19 21:03:24 发布

爱泡澡的小萝卜

最新推荐文章于 2023-07-19 21:03:24 发布

阅读量414

点赞数 1

分类专栏：前端知识文章标签： javascript

本文链接：https://blog.csdn.net/stphencurry/article/details/104345640

版权

前端知识专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、函数参数

首先要知道函数的参数分为形参与实参：

形参：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。

实参：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。

这里是一道较为简单的问题：

有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>

图片材料可以自行选择。
在这里插入图片描述这是最终的效果图

爱泡澡的小萝卜

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js函数参数的简单应用

一、函数参数首先要知道函数的参数分为形参与实参：形参：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。实参：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。这里是一道较为简...
复制链接

扫一扫