第二章 js变量及运算符.ppt

* HEAD SCRIPT LANGUAGE = JavaScript function calcu() { var numb1= document.calc.num1.value; var numb2= document.calc.num2.value; var total= parseFloat(numb1)*parseFloat(numb2); document.calc.result.value=total; if ((total500) (total=1000)) alert(购买总价超过500\n支付时将赠送超级Q币2枚！); if ((total1000) (total=2000)) alert(购买总价超过1000\n支付时将赠送IBM光电智能鼠标1只！); if ((total2000)) alert(购买总价超过2000\n请直接与贵宾台联系！); } /SCRIPT /HEAD….其他代码略，同上例 逻辑运算符 500－1000 之间，赠送超级Q币两枚； 1000－2000之间，赠送IBM智能鼠标一只； 2000以上，直接与贵宾台联系。 LOGO * 告诉学员： 和C语言一样，变量的使用分为两步： 1）声明变量 2）给变量赋值 * 讲解要点： 先给出效果图，讲解代码的脚本部分，强调： 1）变量的定义 2）变量的赋值 3）prompt的用法 4）document.write（）的用法，功能类似于printt( ), 5) “+”表示字符串连接 6）alert( “消息”) 表示弹出信息框 演示：参考TG7-Source 文件夹中的“变量”用例 * 告诉学员： 和C语言一样，js也有转义字符，常用的就是： “\n” * 讲解步骤： 1)先点击幻灯片演示效果，原价100$，竞拍时输入加的银子数：假定200 2）和学员一起，100＋200那总价就应该是300$了。 3）根据显示结果：您的最终出价应该是100200，程序是不是有bug. 4)让我们一起来看看源代码，从脚本开始，逐行分析代码，重点指出“＋”号的用法。 5）找出bug的语句：z=x+y，分析结果为什么是100200 。 6)如何修正这个bug了，点击进入下页幻灯片。 演示：参考TG7-Source 文件夹中的“＋号用法 1”用例 * 讲解步骤： 1)引入转换函数：parseFloat（）和parseInt（）函数，介绍它们的功能 2）演示：bug消除了。参考TG7-Source 文件夹中的“＋号用法 2”用例 3）z=x+parseFloat( y ); 讲解为什么就消除bug 了。 * 告诉学员，运算符号的语法和C语言雷同。 * 讲解步骤： 1）先打开演示效果，让学员明白我们希望实现一个什么功能的页面。参考TG7-Source 文件夹中的“算术运算符”用例 2）告诉学员的实现步骤。 在DreamWeaver中打开用例，演示如何指定文本框的名称， 因为我们需要从文本框中获取数据，所以名称很重要。 由于前面学员已经练习过Dreamweaver设计表单，所以不用演示如何插入表单等操作。 3）第三步，编写脚本代码，点击进入下页幻灯片 * 讲解要点： 1.因为学员初步接触函数、事件等概念。所以这部分一定要放慢节奏的讲解，随时关注学员的反映，一旦明白后，后续的例子讲解就非常顺利了。 2.学员对函数、事件等概念现在还不能理解，告诉他们步骤： 第一步：定义函数，象C语言的一样，在JavaScript中也是先定义函数，然后再调用执行，语法是： function 函数名(参数列表) { //JavaScript语句； } 其中，function是关键字。 第二步：在函数中编写JavaScript脚本代码 第三步：和C语言一样，函数定义好后，不能执行，需要去调用它。 添加按钮的单击事件，表示当用户单击按钮时将调用这个函数，执行函数中的脚本代码，从而完成计算功能。 * 告诉学员，和C语言雷同，强调等号用两个等号，即”＝＝”。 重点是讲解例子，帮助学员使用。 * 告诉学员：这些都和C语言雷同，重点是讲解例子，帮助学员使用。 第二章　js变量与运算符 js变量与运算符 教学目标 知识目标 a. 了解常量与变量 b. 掌握这是的取名规则 c. 掌握各种运算符的应用 d. 了解常用运算符的优先级 js变量与运算符 能力目标 a. 能熟悉掌握js的变量及运算符的应用 情感目标 （1）培养学生对本学科的学习兴趣。 （2）培养学生严谨求实的工作态度以及感受美、评价美的艺术情操。 （3）培养学生在进行自主学习的过程中勇于克服困难，体验到成功后的快乐。 教学重点与难点 培养同学们对本学科的学习兴趣。 变量的