Chapter1 JavaScript 语法基础(Lesson7).pptVIP

 JavaScript 程序设计 第一章 JavaScript 语法基础 Lesson 7 主讲老师：王涛 QQ：164030235 * 回顾 数组的如何定义并初始化 循环控制语句有哪几种 * 本节目标 JavaScript内置函数的应用 自定义函数的定义与调用 理解变量的作用域 * JavaScript 函数 内置函数 eval 函数： 用于计算字符串表达式的值 isNaN 函数：用于验证参数是否为 NaN（非数字） JavaScript 代码 SCRIPT LANGUAGE = JavaScript var str1=prompt(“输入一个表达式，我给您计算,1+1); var result=eval(str1); document.write(str1+=+result); var x = prompt(输入一些数据,0); if (isNaN(x)) alert (x + 不是一个数字); else alert (x + 是一个数字); /SCRIPT * 自定义函数 定义函数： function 函数名( 参数1,参数2，… ) { 语句; } 调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名” ; function sum ( one, two) { var result = one + two; return result; } INPUT name=“add” type=“button” value=“加法 onClick=sum(2，5) 表示单击此按钮时，调用函数sum( )执行 局部变量和全局变量 局部变量 如果在函数定义内声明了一个变量，则改变了称为局部变量 全局变量 如果在函数定义外声明了一个变量，则改变了称为 全局变量 * * 变量 a、b 和 c 只能 在其各自的函数中 被访问 变量的作用域 脚本 函数function1 局部变量a 函数function2 局部变量b 函数function3 局部变量c 可由函数 1、函数 2 和函数 3 访问 全局变量 gg 全局变量不需要以 var 关键字进行声明，但局部变量则必须 以此关键字来声明 * 函数的应用 num1 num2 result * 定义函数 JavaScript 代码 HEAD SCRIPT language=JavaScript function compute(op) { var num1,num2; num1=parseFloat(document.myform.num1.value); num2=parseFloat(document.myform.num2.value); if (op==+) document.myform.result.value=num1+num2 ; if (op==-) document.myform.result.value=num1-num2 ; if (op==*) document.myform.result.value=num1*num2 ; if (op==/ num2!=0) document.myform.result.value=num1/num2 ; } /SCRIPT /HEAD 定义函数compute( )，完成计算的功能。op参数代表运算符号 * 调用函数 FORM action= method=post name=myform P第一个数INPUT name=num1 type=text BR第二个数INPUT name=num2 type=text /PP INPUT name=addButton type=button value=＋ onClick=compute(+) INPUT name=subButton type=button value=－ onClick=compute(-) INPUT name=mulButton type=button value=× onClick=compute(*) INPUT name=divButton type=button value=÷ onClick=compute(/ ) /P P计算结果 INPUT name=result type=text /P/FORM * 总结 自定义函数的定义及其调用 * 作业 完善计算器，实现基本算术运算 实现简易邮件验证功能 讲解步骤： 1.讲解这两个函数的功能。 2.点击幻灯片展示代码 3.点击给出计算表