第7章Js的基本语法.pptVIP

第 7 章　 JavaScript的基本语法 就业技能结构图 本章任务 本章目标 掌握脚本的基本结构(Script标签) 简单记忆基本语法 变量的定义与赋值 数据类型与转换parseFloat等 运算符和控制语句同Java 灵活运用高级语法－自定义函数function 回顾HTML-1 回顾HTML-2 为什么要学JavaScript 什么是JavaScript 什么是JavaScript 脚本的执行原理 JavaScript的基本语法 JavaScript的基本语法 P301 数据类型与常量P306 分为：基本数据类型和引用数据类型两种。 基本数据类型，分3种： 数值型：包括整数和浮点数 字符串型：可以添加双引号或单引号 布尔型：即逻辑型，true和false。 在js中，非0数值表示真，数值0表示假。 反之，true转换为数值1，false转换成数值0。 其他类型常量 null是空值，表示空的不存在的对象引用。 undefined是未定义，表示变量未赋值。 变量的声明和赋值 变量名的命名规则P301 （1）首字符必须是字母、下划线（_）、或美元符号（$）。 （2）剩余字符可以是字母、数字、下划线和美元符号。 （3）变量名不能是关键字或保留字。 （4）变量名对大小写敏感。 推荐命名方式： 当变量名由多个单词组成时，第一个单词全部小写，以后每个单词首字母大写 如：myClassNo 运算符和表达式P302 运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值 根据所执行的运算，运算符可分为以下类别： 算术运算符 ： +、-、 * 、 / 、%、++、- -、-(求反) 关系（或比较）运算符：一般是数值操作数 ==、===、!=、!==、、=、、= 逻辑运算符： 、||、！ 三目条件运算符： 条件？true_result：false_result 赋值运算符：=、+=、-=、*=、/=、%= 连接运算符：“+” 其他运算符 P304: typeof 、[ ]、“,”、（）、new 等等 运算符的优先级P305 . [ ] () ++ -- ! delete new typeof void * / % + - + = = instanceof == != === !== || ? : = op= , 使用对话框 可使用对话框进行输入输出，实现用户与程序的交互。 JavaScript提供3种对话框： 1、警示对话框 格式：alert(”要显示的内容”) 包含一个确定按钮，用户阅读后单击该按钮即可退出对话框 2、确认对话框 格式：confirm(”要显示的内容”)方法 包含 “确定”和 “取消”按钮，当用户单击“确定”按钮时，返回true，否则返回false 3、提示对话框 格式：prompt(”提示内容”,”文本框的初值”) 不但可以显示信息，还提供一个文本框要求用户使用键盘输入，同时还包含“确定”和“取消”按钮，若单击“确定”，则返回用户输入的内容（以字符串形式返回）或者初始值（如果用户没有输入信息），若单击“取消”，则返回null 流程控制语句 P313 if条件语句 switch多分支语句 for、while循环语句 注释 类型转换 P311 parseInt (String) 将字符串转换为整型数字 如: parseInt (“86abc”)将字符串“86”转换为整型值86 parseInt (“53.5”)将字符串“53.5”转换为整型值53 parseFloat(String) 将字符串转换为浮点型数字 如: parseFloat (“34.45”)将字符串“34.45”转换为浮点值34.45 toString() 将数值转化成字符串 什么是函数 P318 函数的含义：类似于Java中的方法，是执行特定任务的语句块。 什么是函数 如何使用函数 如何使用函数 在小结1中，4个按钮调用的函数的代码很类似，怎么优化代码？ 定义有参函数 调用有参函数 常见错误1 常见错误2 常见错误3 总结 大家简述一下JavaScript脚本的基本结构？ JavaScript与Java基本语法有哪些相同之处？ 在JavaScript中，如何定义一个函数？ 在JavaScript中，如何调用一个函数？ 在JavaScript中，常见错误有哪些？ SCRIPT language=javascript function compute(op) { var Num1,num2; num1=parseFloat(document.myform.tx