码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript控制语句结构、函数部分

时间:2019-03-30 20:07:52      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:button   window   参数   encodeuri   title   alert   cal   com   UNC   

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控制语句结构、函数部分

标签:button   window   参数   encodeuri   title   alert   cal   com   UNC   

原文地址:https://www.cnblogs.com/junjie2019/p/10628677.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!