第2讲JavaScript运算.ppt

讲解步骤： 1）先打开演示效果，让学员明白我们希望实现一个什么功能的页面。参考TG7-Source 文件夹中的“算术运算符”用例 2）告诉学员的实现步骤。 在DreamWeaver中打开用例，演示如何指定文本框的名称， 因为我们需要从文本框中获取数据，所以名称很重要。 由于前面学员已经练习过Dreamweaver设计表单，所以不用演示如何插入表单等操作。 3）第三步，编写脚本代码，点击进入下页幻灯片 讲解要点： 1.因为学员初步接触函数、事件等概念。所以这部分一定要放慢节奏的讲解，随时关注学员的反映，一旦明白后，后续的例子讲解就非常顺利了。 2.学员对函数、事件等概念现在还不能理解，告诉他们步骤： 第一步：定义函数，象C语言的一样，在JavaScript中也是先定义函数，然后再调用执行，语法是： function 函数名(参数列表) { //JavaScript语句； } 其中，function是关键字。 第二步：在函数中编写JavaScript脚本代码 第三步：和C语言一样，函数定义好后，不能执行，需要去调用它。 添加按钮的单击事件，表示当用户单击按钮时将调用这个函数，执行函数中的脚本代码，从而完成计算功能。 主讲老师：方丹 JavaScript 运算符（一） 回顾 什么是 JavaScript 如何将 JavaScript 嵌入到 HTML 中 变量如何定义 JS的注释语句如何写？ 本节目标 理解常量、数据类型和运算符、比较运算符，条件运算符，逻辑运算符的含义 掌握类型转换函数的应用 能够使用连接符号‘+’的应用 编写较为复杂的无参函数 浮点型－浮点型数字至少必须含有一个数字。此数字可包含小数点或采用科学记数法表示的数字。科学记数法中的整数可以是正整数(+) 或负整数(-)，指数(e) 表示“十次幂”。例如 10.24、5e3、5E3、.1815 等。 常量 整型 浮点型 特殊数值：NaN、Infinity、isNaN()，isFinite() 字符串型 和C语言一样，js也有转义字符，常用的就是： “ \n ” 字 符 说 明 示 例 \b 退格符 alert(“这是第一句 \b 这是第二句”) \f 换页符 alert(“这是第一局 \f 这是第二句”) \n 换行符 alert(“这是第一局 \n 这是第二句”) \r 回车符 alert(“这是第一局 \r 这是第二句”) \t 制表符 alert(“这是第一局 \t 这是第二句”) 基本数据类型 数据类型 说 明 示 例 数值型 整数或实数 487, 25.95 逻辑型或布尔型 执行逻辑运算 true或 false 字符串型 一组字符 “Hello” 空 特殊关键字，表示不存在的值。 null和undefine 注意：通过typeof可以看到变量的具体数据类型是什么？ HTML HEAD SCRIPT LANGUAGE = JavaScript var x=100; var y; var z; document.write(H2竞拍SONY数码相机 600万像素 +x+$起价/H2); y=prompt(加多少银子？,1); z=x+y; alert(您最终的出价\n+z+$); //”\n”用于换行显示 /SCRIPT /HEAD body /body /HTML Prompt函数返回输入的字符串 “+”号的用法-1 10020 ? bug +字符串相连：100+”200” 200 类型转换 自动转换 如: var a=1.2;a=45; a=“张三”; window.alert(a); 强制转换 如何将字符串转换成数字？ var a= parseInt (“123”); //将字符串转换为整型数字 var b= parseFloat (“12.3”); //将字符串转换为浮点型数字 注意： parseInt ()、 parseFloat ()是系统函数，可以直接使用 HTML HEAD SCRIPT LANGUAGE = JavaScript var x=100; var y; var z; document.write(H2竞拍SONY数码相机 600万像素 +x+$起价/H2); y=prompt(加多少银子？,1); z=x+parseFloat( y ); alert(您最终的出价\n+z+$); //”\n”用于换行显示 /SCRIPT /HEAD body /body /HTML parseFloat( )函数将字符串转换为float数据 parseInt( )函数将字符串转换