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;
    }
  • 相关阅读:
    手动实现 SpringMVC
    2014年9月9日 高级命令command的使用(上)
    2014年8月29日 透视图补充及视图开头
    2014年8月24日 菜单 工具条 右键菜单(上下文菜单)
    2014年8月14日 透视图
    2014年8月8日
    2014年8月1日
    关于EMF中从schema到ecore转变中的默认处理问题
    JAVA一些常用的时间操作
    echarts基本使用
  • 原文地址:https://www.cnblogs.com/super90/p/4525995.html
Copyright © 2011-2022 走看看