26函数

最新推荐文章于 2021-05-25 17:45:41 发布

qq_23666533

最新推荐文章于 2021-05-25 17:45:41 发布

阅读量158

点赞数

分类专栏： js

js 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定义函数</title>
<script type="text/javascript">
 function  sub2()                     //定义函数
 {
   sub=5-2;
   alert("5和2的差:"+sub);
 }
</script>
</head>
<body>
<form>
    <input type="button" value="点击我" onclick="sub2()" />
</form>
</body>
</html>

function 函数名( )
{
函数体;
}
function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。

函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。

第一种情况:在


  <script type="text/javascript">
    function add2()
    {
         sum = 1 + 1;
         alert(sum);
    }
  add2();//调用函数，直接写函数名。
</SCRIPT>

第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。

<html>
<head>
<script type="text/javascript">
   function add2()
   {
         sum = 5 + 6;
         alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名
</form>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数传参</title>
<script type="text/JavaScript">
   function  add3(x,y,z)               
    {
      sum = x + y +z;
      document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");
    }
     add3(5,8,3);
     add3(7,1,4);
</script>
</head>
<body>
</body>
</html>

有参数的函数
上节中add2()函数不能实现任意指定两数相加。其实，定义函数还可以如下格式：

function 函数名(参数1,参数2)
{
函数代码
}
注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函数</title>
<script type="text/javascript">
  function  app2(x,y)
  { var sum,x,y;
    sum = x * y;
    return sum;
  }
 req1=app2(5,6);
 req2=app2(2,3);

document.write("req1的值:"+req1+"<br/>");
document.write("req2的值:"+req2+"<br/>");
document.write(req1+"与"+req2+"和:"+sumq);
</script>
</head>
<body>
</body>
</html>

返回值的函数
思考:上一节函数中，通过”document.write”把结果输出来，如果想对函数的结果进行处理怎么办呢？

我们只要把”document.write(sum)”这行改成如下代码：

function add2(x,y)
{
sum = x + y;
return sum; //返回函数值,return后面的值叫做返回值。
}
还可以通过变量存储调用函数的返回值，代码如下:

result = add2(3,4);//语句执行后,result变量中的值为7。
注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。

qq_23666533

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
26函数

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>定义函数</title><script type="text/javascript"> function sub2() //定义函数 {
复制链接

扫一扫