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控制语句结构、函数部分的更多相关文章
- Javascript之回调函数(callback)
1.回调函数定义: 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数.回调函数不是由该函数的实现方 ...
- Javascript中的函数(Function)与对象(Object)的关系
今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞糊涂.他们之间到底是什么关系.当然也不除外当初的我. 注意:官方定义: 在Javascript中,每一个函数实际上都是一 ...
- Javascript学习之函数(function)
在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 一 函 ...
- JavaScript高级程序设计--函数小记
执行环境和作用域链 每个函数都有自己的执行环境.当执行流进入一个函数时,函数 的环境就会被推入一个环境栈中.而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境. 当代码在一个环境中 ...
- 告诉你什么是javascript的回调函数
函数也是对象 想弄明白回调函数,首先的清楚地明白函数的规则.在javascript中,函数是比较奇怪的,但它确确实实是对象.确切地说,函数是用Function()构造函数创建的Function对象.F ...
- javascript的回调函数
函数也是对象 想弄明白回调函数,首先的清楚地明白函数的规则.在javascript中,函数是比较奇怪的,但它确确实实是对象.确切地说,函数是用Function()构造函数创建的Function对象.F ...
- JavaScript中Function函数与Object对象的关系
函数对象和其他内部对象的关系 除了函数对象,还有很多内部对象,比如:Object.Array.Date.RegExp.Math.Error.这些名称实际上表示一个 类型,可以通过new操作符返回一个对 ...
- JavaScript权威指南 - 函数
函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...
- 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签
今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...
随机推荐
- Qt之自定义搜索框——QLineEdit里增加一个Layout,还不影响正常输入文字(好像是一种比较通吃的方法)
简述 关于搜索框,大家都经常接触.例如:浏览器搜索.Windows资源管理器搜索等. 当然,这些对于Qt实现来说毫无压力,只要思路清晰,分分钟搞定. 方案一:调用QLineEdit现有接口 void ...
- ArcGIS for Desktop入门教程_第六章_用ArcMap制作地图 - ArcGIS知乎-新一代ArcGIS问答社区
原文:ArcGIS for Desktop入门教程_第六章_用ArcMap制作地图 - ArcGIS知乎-新一代ArcGIS问答社区 1 用ArcMap制作地图 作为ArcGIS for Deskto ...
- 水晶报表异常“CrystalDecisions.ReportSource.ReportSourceFactory”的类型初始值设定项引发异常,未能加载文件或程序集“log4net
System.TypeInitializationException: “CrystalDecisions.ReportSource.ReportSourceFactory”的类型初始值设定项引发异常 ...
- 零元学Expression Blend 4 - Chapter 23 Deep Zoom Composer与Deep Zoom功能
原文:零元学Expression Blend 4 - Chapter 23 Deep Zoom Composer与Deep Zoom功能 最近有机会在工作上用到Deep Zoom这个功能,我就顺便介绍 ...
- delphi 程序强制结束自身(两种方法都暴力)
procedure KillSelf;begin Sleep(1000); if not TerminateProcess(GetCurrentProcessId, 0) then WinExe ...
- Delphi与Windows 7下的用户账户控制(UAC)机制(有可能需要取消enable runtime themes)
WIN7/WIN8/WIN10, Vista提供的UAC机制,它的主要目的是防止对于操作系统本身的恶意修改.对于Delphi程序的影响,UAC主要在于以下几点:1.由于UAC机制,Delphi对于系统 ...
- Qt for android触摸手势事件QGestureEvent
在触摸设备上可以使用Qt的手势事件 要激活手势事件,需要执行以下操作: 第一步,为QWidget控件注册手势事件 QList<Qt::GestureType> gestures; gest ...
- XP下安装ubuntu
一,环境说明 dell vostro 1400笔记本,winxp sp3操作系统,ubuntu-9.10-desktop-i386.iso 写这篇随笔的时候我用的已经是ubuntu了. 我是在我的移动 ...
- wireshark和nmap
原创博客,转载请注出处! 关于Wireshark和Nmap实验报告 Wireshark部分 一.捕获三次握手报并分析 如上图所示,简述三次握手流程: Step1.客户端由56780号端口向服务器443 ...
- C语言之父Dennis Ritchie告诉你:如何成为世界上最好的程序员?
文/Ohans Emmanuel 译/网易云信 想要阅读更多技术干货文章,欢迎关注网易云信博客. 了解网易云信,来自网易核心架构的通信与视频云服务. 我不知道如何成为世界上最好的程序员.但是,我们可以 ...