（中职）JavaScript项目式实例教程项目二电子课件工信版

（中职）JavaScript项目式实例教程项目二电子课件工信版 项目二 简单计算器 —— 判断结构  JavaScript项目式实例教程 设计一个简单的计算器，能进行加、减、乘、除四则运算。 当用户运行网页时，依次弹出三个输入对话框，分别要求输入两个数和一个运算符号（+、-、×、÷）。输入无误时，在页面上打印计算算式。在进行除法运算时，除数不能为0，否则打印错误信息。如果输入数字格式错误或者输入的运算符号错误都提示相应的不能运算信息。 项目情境  JavaScript项目式实例教程 熟悉变量和常量的概念和使用方法。 熟悉基本数据类型的概念 熟悉数据类型的转换。 熟悉关系运算符、逻辑运算符、算术运算符的使用方法。 熟悉判断结构的使用方法。 熟悉几个内置函数的使用方法。 学习目标  JavaScript项目式实例教程 打开页面，打印程序中指定的姓名和性别。 任务1 认识变量和字符串  JavaScript项目式实例教程 1、变量的定义 定义一个变量用关键字var，例如： var x; var y; 一个var也可以同时定义多个变量，这些变量间用逗号隔开，例如： var x,y,z; 【相关知识】  JavaScript项目式实例教程 2、变量的赋值 变量的赋值就是把值存储在变量所在的内存单元中,方法是用“=”运算符。赋值可以是在定义变量时，例如： var x=0; var y=1,z=2; 也可以是在变量定义后使用时才赋值，例如： var x; x=0; 【相关知识】  JavaScript项目式实例教程 3、变量的命名 变量的名称必须是由ASCII字符或者下划线（_）开头，第一个字符不能是数字，但其后可以是数字或者其他字母。例如如下变量的命名是合法的： a A _a a_1 注意：JavaScript语言对大小写是敏感的，所以变量a和变量A是两个不同的变量。变量名不能定义为JavaScript的保留字。例如不能定义一个变量的名称为var或者function。 【相关知识】  JavaScript项目式实例教程 4、变量的类型 【相关知识】 数据类型 具体类型 基本数据类型 字符串型、数字型、布尔型 复合数据类型 对象、数组 其他数据类型 函数、null（空）、undefined（未定义）  JavaScript项目式实例教程 5、常量 与变量对应的是常量。常量用来表示一个固定不变的值。比如下面这些这些都是常量： 123 25.78 "张三" true 【相关知识】  JavaScript项目式实例教程 6、字符串型 6.1、字符串的定义 字符串必须用双引号或者单引号包括起来。 6.2、转义符 转义符“\” 6.3、连接运算符 连接运算符”+” 【相关知识】  JavaScript项目式实例教程 在<head>标签内部输入以下代码： <script type="text/javascript"> var name="张三"; var sex="男"; document.write("姓名："+name+"<br/>性别："+sex); </script> 【任务实现】  JavaScript项目式实例教程 打开页面，弹出一个输入对话框，要求输入姓名。输入确定后再次弹出输入对话框，要求输入性别。输入确定后，在页面打印刚刚输入的信息。 任务2 输入对话框  JavaScript项目式实例教程 1、Window对象 window对象表示浏览器窗口。 任何一个全局函数或变量都是windowd对象的属性，所以使用时，该对象常常省略不写。 【相关知识】  JavaScript项目式实例教程 2、prompt方法 prompt方法的功能是弹出一个输入对话框，格式是： prompt(<提示信息> [,默认值]) 其返回的值就是用户在对话框中输入的值,返回值的类型是字符串型。 【相关知识】  JavaScript项目式实例教程 在<head>标签内部输入以下代码： <script type="text/javascript"> var name=window.prompt("请输入您的姓名：",""); var sex=window.prompt("请输入您的性别：","男"); document.write("姓名："+name+"<br/>性别："+sex); </script> 【任务实现】  JavaScript项目式实例教程 打开页面，弹出一个输入对话框，要求输入一个整数。如果输入的不是一个整数，则给出错误提示。 任务3 判断是否为整数  JavaScript项目式实例教程 1、表达式 表达式可以是常量或者变量，也可以是由常量、变量和运