JavaScript控制语句结构函数部分
Posted junjie2019
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript控制语句结构函数部分相关的知识,希望对你有一定的参考价值。
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控制语句结构函数部分的主要内容,如果未能解决你的问题,请参考以下文章