zoukankan      html  css  js  c++  java
  • 07 js自定义函数

    学习目标:

    1.充分理解函数的概念

    2.能熟练的自定义函数

    3.掌握js中常用的系统函数

    一个简单的加减乘除案例(说明函数的必要性):

    <html>
    <head>
    <script language="javascript">
    <!--
    //输入两个数,再输入一个运算符(+-*/),得到结果
    var num1 = window.prompt("请输入第1个num");
    var num2 = window.prompt("请输入第2个num");
    var operator = window.prompt("请输入运算符");
    num1=parseFloat (num1);
    num2=parseFloat (num2);
    
    var res = 0;
    if (operator=="+")
    {
        res =num1+num2;
    }else if (operator=="-")
    {
        res =num1-num2;
    }else if (operator=="*")
    {
        res =num1*num2;
    }else {
        res =num1/num2;
    }
    document.write("res="+res);
    //-->
    </script>
    </head>
    <body>
    </body>
    <html>

    函数的概念

    Js 函数

    ①为什么需要函数

    比如在多个html文件中需要完成(+-*/等功能)

    把代码写成函数,

    ②函数的基本概念

    为完成某一功能的代码(语句,指令)的集合

    ③基本语法

    function 函数名(参数列表){

    //代码

    return 值;//可选

    }

    ④案例:将函数单独提出,写到js 文件然后在需要的地方引入

    <script language="javascript" src ="路径" ></script>

    js24-2.html代码:

    <html>
    <head>
    </head>
    <body>
    <script language="javascript" src="js24-2.js"></script>
    
    <script language="javascript">
    //输入两个数,再输入一个运算符(+-*/),得到结果
    var num1 = window.prompt("请输入第1个num");
    var num2 = window.prompt("请输入第2个num");
    var operator = window.prompt("请输入运算符");
    num1=parseFloat (num1);
    num2=parseFloat (num2);
    //调用函数
    document.write("res"+ jiSuan(num1, num2, operator));
    
    </script>
    </body>
    <html>

    js24-2.js

    //js文件
    //自定义函数
    //输入两个数,再输入一个运算符(+-*/),得到结果
    function jiSuan(num1, num2, operator) {//特别强调,参数名不要带var
    
    var res = 0;
    if (operator=="+")
    {
        res =num1+num2;
    }else if (operator=="-")
    {
        res =num1-num2;
    }else if (operator=="*")
    {
        res =num1*num2;
    }else {
        res =num1/num2;
    }
    return res;
    }
  • 相关阅读:
    git介绍
    Oracle '26-2月 -19 03.34.47.000000 下午' 字符串日期解析
    ProceedingJoinPoint 某些方法记录一下
    SpringBoot 2.X以上集成redis
    SpringBoot文件上传配置
    editmd输出到前端显示
    Thymeleaf Shiro标签
    Springboot 添加druid监控
    基于SpringBoot的博客项目
    SpringBoot默认首页配置
  • 原文地址:https://www.cnblogs.com/super90/p/4525995.html
Copyright © 2011-2022 走看看