HTML页面代码:

<html>
    <head>
        <meta charset="UTF-8">
        <title>HelloWorld</title>

        <script src="hello.js"></script>
    </head>

    <body>
    <form name="myForm1" action="" method="get">
        <p><label>汇款金额:</label> <input type="text" name="txtRemittance"></p>
        <p><label>汇款手续:</label> <input type="text" name="txtFee"></p>
        <p><input type="button" value="确 定" name="fir" onclick="getFee()"> </p>
    </form>

    <hr>

    <!--这个地方因为直接拷贝上面代码,导致没有设置name属性,发生过错误-->
    <form name="myForm2" action="" method="get">
        <p><label>成绩:</label><input type="text" name="txtScore"></p>
        <p><input type="button" value="确 定" name="fir" onclick="getVerdict()"> </p>
    </form>

    <hr>

    <form name="myForm3" action="" method="get">
        <p><label>成绩:</label><input type="text" name="txtScore"></p>
        <p><input type="button" value="确 定" name="fir" onclick="getVerdict1()"> </p>
    </form>

    <hr>

    <form name="myForm4" action="" method="get">
        <p><input type="text" name="result"></p>
        <p><input type="button" value="计 算" onclick="calculator()"></p>

        <hr>
        <!--
            parseInt:将字符串转换成一个Int
            prompt:调用输入对话框的方法,属于window对象
        -->
        <p><input type="button" value="计算" onclick="calcF(prompt('请输入一个数值:'))"></p>
    </form>

    <hr>

    <form name="myForm4" action="" method="get">

    </form>

    </body>
</html>

Js代码:

function getFee(){
    /*
        这里面有个数据类型的问题,我现在没有搞清楚,如果是C#,从文本框里
        得到的所有东西,都会是String类型,这个地方为什么得到了value后,就
        可以直接进行数学运算。
     */
    var Remittance = document.myForm.txtRemittance.value;
    var Fee = Remittance*0.01;

    if (Fee < 2) {
        Fee = 2;
    }
    document.myForm1.txtFee.value=Fee;
}
function getVerdict(){
    var Score = document.myForm2.txtScore.value;
    if(Score<60){
        alert("不及格");
    }else if(Score<79){
        alert("中等");
    }else if(Score <89){
        alert("良好");
    }else{
        alert("优秀");
    }
}
function getVerdict1(){
    var Score = parseInt(document.myForm3.txtScore.value/10);

    switch (Score) {
        case 10:
        case 9:
            alert("very good.");break;
        case 8:
            alert("good");break;
        case 7:
            alert("中等");break;
        case 6:
            alert("及格");break;
        default:
            alert("不及格");break;
    }
}
function calculator(){
    var i=1;sum=0;

    while (i <= 100) {
        sum+=i;
        i++;
    }

    document.myForm4.result.value=sum;
}

/*
    函数的定义:
        1.不指定函数名
            a.把函数直接赋值给变量
                var myFun(参数1,参数2,。。。)
            b.网页中事件直接调用函数
                window.onload = function(参数1,参数2,。。。)

        2.指定函数名
            在函数调用中,实参列表中参数的数量、类型和顺序可以与形参列表不匹配
            如果形参个数大于实参个数,那么多出来的形参值为undefined,反之,多出
            来的实参将被忽略。

    函数调用:
        1.直接调用
        2.在表达式中调用
        3.在事件中调用
        4.其他函数调用
 */
function calcF(x){
    var result;
    result=4*x*x+3*x+2;
    alert("计算结果:"+result);
}

/*
        系统函数:
        decodeURI(URI)      :解码指定URI
        decodeURIComponent():解码指定URI组件
        encodeURI(URI)      :把字符串编码为URI
        encodeURIComponent():把字符串编码为URI组件

        Escape(字符串) :对字符串进行编码
        Eval(字符串)   :计算js字符串,并把它当做脚本代码来执行
        isFinite(数字) :判断是否是无穷大数字
        isNaN(参数)    :判断是否不是数字
        Boolean(参数)  :将参数转换为布尔值
        Number(参数)   :将参数转换为数值
        String(参数)   :将参数转换为字符串
        Object(参数)   :将参数转换成对象
 */

JavaScript控制语句结构、函数部分的更多相关文章

  1. Javascript之回调函数(callback)

    1.回调函数定义: 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数.回调函数不是由该函数的实现方 ...

  2. Javascript中的函数(Function)与对象(Object)的关系

    今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞糊涂.他们之间到底是什么关系.当然也不除外当初的我. 注意:官方定义: 在Javascript中,每一个函数实际上都是一 ...

  3. Javascript学习之函数(function)

    在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 一 函 ...

  4. JavaScript高级程序设计--函数小记

    执行环境和作用域链   每个函数都有自己的执行环境.当执行流进入一个函数时,函数 的环境就会被推入一个环境栈中.而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境.   当代码在一个环境中 ...

  5. 告诉你什么是javascript的回调函数

    函数也是对象 想弄明白回调函数,首先的清楚地明白函数的规则.在javascript中,函数是比较奇怪的,但它确确实实是对象.确切地说,函数是用Function()构造函数创建的Function对象.F ...

  6. javascript的回调函数

    函数也是对象 想弄明白回调函数,首先的清楚地明白函数的规则.在javascript中,函数是比较奇怪的,但它确确实实是对象.确切地说,函数是用Function()构造函数创建的Function对象.F ...

  7. JavaScript中Function函数与Object对象的关系

    函数对象和其他内部对象的关系 除了函数对象,还有很多内部对象,比如:Object.Array.Date.RegExp.Math.Error.这些名称实际上表示一个 类型,可以通过new操作符返回一个对 ...

  8. JavaScript权威指南 - 函数

    函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...

  9. 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签

    今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...

随机推荐

  1. Failed to recover corrupt cache entry

    RangeError java.lang.RuntimeException: ERROR: Failed to recover corrupt cache entry at com.sun.deplo ...

  2. 项目中NHibernate问题及解决方法

     1.用户代码未处理 NHibernate.QueryException   Message=Type mismatch in NHibernate.Criterion.SimpleExpressio ...

  3. wsl相关总结

    启用WSL VirtualMachinePlatform是WSL2依赖功能,需要系统支持(build 18917+),硬件支持VM功能并开启,安装完成后要重启计算机. Enable-WindowsOp ...

  4. 在不开启事件循环的线程中使用QTimer(QThread::run函数自带事件循环,在构造函数里创建线程,是一种很有意思的线程用法) good

    引入 QTimer是Qt自带的定时器类,QTimer运行时是依赖于事件循环的,简单来说,在一个不开启事件循环(未调用exec() )的线程中,QTimer是无法使用的.通过分析Qt源码可发现,调用QT ...

  5. web开发常用正则表达式

    整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字:"^[0-9]*$".只能输入n位的数字:"^\d{n}$".只能输入至少n位的数 ...

  6. 使用Arcgis Api for Javascript 调用 本地Portal发布的WebMap

    1.环境搭建 安装Arcgis Portal 10.4,Server 10.4,DataStore ,WebAdaptor for IIS,搭建arcgis api for javascript 4. ...

  7. vue补充

    一.安装vue-cli脚手架 1.淘宝镜像下载 用淘宝的国内服务器来向国外的服务器请求,我们向淘宝请求,而不是由我们直接向国外的服务器请求,会大大提升请求速度,使用时,将所有的npm命令换成cnpm即 ...

  8. 如何开发优质的 Flutter App:应用架构的搭建

    各位读者朋友们,好久不见了! 最近博主一直在忙于工作以及写<Flutter入门与应用实战>的书,所以没有时间打理博客.今天来给大家分享一个博主在GitChat上发起的一场Chat. 下面是 ...

  9. Spring Boot:整合Spring Security

    综合概述 Spring Security 是 Spring 社区的一个顶级项目,也是 Spring Boot 官方推荐使用的安全框架.除了常规的认证(Authentication)和授权(Author ...

  10. PWN菜鸡入门之栈溢出 (2)—— ret2libc与动态链接库的关系

    准备知识引用自https://www.freebuf.com/articles/rookie/182894.html 0×01 利用思路 ret2libc 这种攻击方式主要是针对 动态链接(Dynam ...