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;
    }
  • 相关阅读:
    java.lang.ClassNotFoundException:org.springframework.web.context.ContextLoaderListener问题解决
    Unix
    Win7 扩容磁盘分区
    在Java中怎样高效的推断数组中是否包括某个元素
    2.JAVA编程思想——一切都是对象
    Cookie-Parser是怎样解析签名后的cookie的(同一时候对cookie和cookie-signature进行说明)
    hive 索引
    Javascript属性constructor/prototype的底层原理
    HTML5 的四个亮点
    零基础学python-1.5 第一个程序
  • 原文地址:https://www.cnblogs.com/super90/p/4525995.html
Copyright © 2011-2022 走看看