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了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...
随机推荐
- 【JDK源码分析】String的存储区与不可变 专题
<Think in Java>中说:“关系操作符生成的是一个boolean结果,它们计算的是操作数的值之间的关系”. "=="判断的是两个对象的内存地址是否一样,适用于 ...
- MySql如何将一个表字段更新到另一个表字段
今天遇到这样一个需求: 有两张表,一张是专辑表,另一张是专辑下的图片表, 专辑表中有拍摄年\月,两个字段; 图片表中有实际拍摄日期的字段; 因为专辑表中这两个字段是后加入的,因此只能用一条sql语句将 ...
- spring.net的简单使用（三）创建对象
这篇主要说对象的创建方式. spring.net提供了三种创建对象的方式,分别是构造器创建,静态工厂创建,实例工厂创建. 多数的情况下,容器会根据对象定义中type属性值去直接调用相应类型的某个构造器 ...
- 不同格式图片相互转换的开源库分享（使用CxImage，并有VC6的配置过程）
不同格式图片相互转换的开源库分享 一.背景 笔者在项目的开发中,需要调用windows下的COM接口SetIconLocation来实现桌面快捷方式.而我们项目中给定的图片格式为png格式,SetIc ...
- ASP.NET Core 通过 Microsoft.DotNet.Watcher.Tools 实现热部署
之前开发前端的时候,webpack 会有热更新工具,在修改了代码之后,自动将代码编译,实时展现到页面上,给开发带来了极大的方便. Java也可以通过第三方插件JRebel实现热部署,不用频繁的重启To ...
- Cloudera Impala需求
Cloudera Impala需求 为了达到预期的效果,Impala依赖于软件.硬件的可用性,以及下面章节描述的配置. 继续阅读: 支持的操作系统 支持的Hadoop发布 Hive Metastore ...
- web的seo
摘要:搜索引擎优化是一种具有很高技术性的活动,也是一种营销功能,必须将它作为营销活动处理.SEO从业者必须理解公司的服务.产品.总体业务战略.竞争形势.品牌.未来网站开发目标和相关的业务构成. SEO ...
- lock和synchronized如何选择？
1.lock是一个接口,而synchronized是java关键字,synchronized是内置的语言实现. 2.synchronized在发生异常时,会自动释放线程占有的锁,因此不会导致死锁,而l ...
- 高并发 Nginx+Lua OpenResty系列（10）——商品详情页
本章以京东商品详情页为例,京东商品详情页虽然仅是单个页面,但是其数据聚合源是非常多的,除了一些实时性要求比较高的如价格.库存.服务支持等通过AJAX异步加载加载之外,其他的数据都是在后端做数据聚合然后 ...
- 基于 HTML5 Canvas 的元素周期表展示
前言 之前在网上看到别人写的有关元素周期表的文章,深深的勾起了一波回忆,记忆里初中时期背的“氢氦锂铍硼,碳氮氧氟氖,钠镁铝硅磷,硫氯氩钾钙”.“养(氧)龟(硅)铝铁盖(钙),哪(钠)家(钾)没(镁)青 ...