javascript课堂讲义

《javascript课堂讲义》由会员分享，可在线阅读，更多相关《javascript课堂讲义（104页珍藏版）》请在金锄头文库上搜索。

1、课程名称: Javascript 32课时讲师：JavaScriptJavaScript课程名称: Javascript 32课时讲师：JavaScriptlJavaScript 语言简介lJavaScript 基本语法l处理事件lJavaScript 实例制作课程名称: Javascript 32课时讲师：JavaScript 语言简介概述l由Netscape公司所开发并完成的.使用该语言可以制作 网页特效和客户端脚本,可以控制文档的外观和内容,也 可以完成与HTML表单的交互功能.课程名称: Javascript 32课时讲师：JavaScript 语言简介2语法基础l代码格式 同XHTM

2、L一样,代码本身当中的空格和换行符等空白符号不会 最终出现在浏览器当中,多个空格会被压缩为一个,用分号”;”来 分隔语句。l注释的使用 单行注释 使用”/” 多行注释 使用”/*”和”*/”课程名称: Javascript 32课时讲师：JavaScript 语言简介3.标识符和关键字 1.标识符 在JS中，标识符用来定义变量和函数的名称。第一个字 符不可以是数字，可以是字母、下划线或美元符号，同 时标识符不可以同关键字相同。 1.关键字 关键字是JS语法中自身的一部分，用来完成JS程序。3.在网页中使用脚本 1.必须要用元素 内部联连:脚本内容 外部调用:课程名称: Javascript 3

3、2课时讲师：JavaScript 语言简介5.使用JS的情况 确认数据 用户在提交表单数据到服务器的时候，可以用JS，用来确 认输入内容的格式是否正确 编写客户端程序 使用JS，可以编写一些客户端使用的程序，用来减轻服务 器端的压力。当用户下载完页面之后，可以独立执行程序 制作页面特效 最多的用途，例如制作下拉菜单，翻转图片 制作简单交互 用JS，可以对用户端环境（如OS及浏览器）时间IP地址等 进行判断。同时也可以“记忆”相关的信息，对新内容做出 处理。课程名称: Javascript 32课时讲师：JavaScript 基本语法JS的简单数据类型JS中的变量表达式和运算符语句面向对象课程名

4、称: Javascript 32课时讲师：JavaScript 基本语法JS的简单数据类型l数字 整型数值:是指十进制的数值，在JS中允许使用 -9007199254740992 9007199254740992 浮点型数值:带小数点的 八进制和十六进制的数值u八进制用0开头 077u十六进制用0x开头l字符串 字符串 字符串要用单引号或者双引号括起来.单引号中可使用双引号 转义字符（转义序列） n 换行符 r回车符 ”双引号 单引号 反斜杠l布尔值(逻辑值) True 和false 在JS中比较运算式的值 得出布尔值课程名称: Javascript 32课时讲师：JavaScript 基本语

5、法4.函数 函数是一段可执行的代码段.在JS中,可以多次调用一个函数 用法如下: function 函数名称(参数)函数主体部分4.对象 对象是已命名数据的集合.通常使用的是对象的属性. 用法如下:利用点语法 对象名称.属性方法 另外,在JS中,也可以使用函数作为属性,此时也将属性称为”方法”. 用法如下: 对象名称.方法名称.(函数主体)课程名称: Javascript 32课时讲师：JavaScript 基本语法2JS中的变量 1）定义:从字面上看，变量是可变的量；从编程角度讲，变量是 用于存储某种/某些数值的存储器。所储存的值，可以是数字 、字符或其他的一些东西。 2）命名要求: 只包含

6、字母、数字和/或下划线；要以字母开头；不能太长不 能与 JavaScript 保留字（Key Words，Reserved Words，数 量繁多，不能一一列出；凡是可以用来做 JavaScript 命令的 字都是保留字）重复。而且，变量是区分大小写的，例如， variable 和 Variable 是两个不同的变量。不仅如此，大部分命 令和“对象“都是区分大小写的。 课程名称: Javascript 32课时讲师：JavaScript 基本语法3）变量的声明 没有声明的变量不能使用，否则会出错：“未定义”。声明变量可以用 ： var = ; var 这个关键字用作声明变量。最简单的声明方法就

7、是“var ;” ，这将为准备内存，给它赋初始值“null”。如果加上“= ”， 则给赋予自定的初始值。 4）变量的类型 在JS中，变量 是无类型的。程序中会自动转换数据类型。 5）变量的作用域 变量的作用域是指JS中定义变量的区域。分为全局变量和局部变量， 局部变量的优先级要高于全局变量课程名称: Javascript 32课时讲师：JavaScript 基本语法三表达式和运算符 1）表达式表达式用来计算并生成相应的值。表达式使用各种变量和运算符 进行定义。 2）运算符运算符用来处理各种变量和数据。括号(x) x中括号只用于指明数组的下标 求反 自加 自减-x返回 x 的相反数 !x返回与

8、x (布尔值)相反的布尔值 x+x 值加 1，但仍返回原来的 x 值 x-x 值减 1，但仍返回原来的 x 值 +xx 值加 1，返回后来的 x 值 -xx 值减 1，返回后来的 x 值 乘、x*y返回 x 乘以 y 的值 x/y返回 x 除以 y 的值 x%y返回 x 与 y 的模（x 除以y 的余数） 加、x+y返回 x 加 y 的值 x-y返回 x 减 y 的值 关系 运算xy xy当符合条件时返回 true 值，否则返回 false 值等于、 不等于x=y当 x 等于 y 时返回 true 值，否则返回 false 值x!=y当 x 不等于 y 时返回 true 值，否则返回 fals

9、e 值位与x 本语句有点象条件表达式“?:”：当为真时执行，否则，如果 else 部分存在的话，就执行。与 “?:”不同的是，if 只是一条语句，不会返回数值。 是布尔值，必须用小括号括起来；和都 只能是一个语句课程名称: Javascript 32课时讲师：JavaScript 基本语法else if 当条件中含有多个条件时,使用else if语句来判断执行的语句.else if 语句与if语句的区别在于,if语句用来执行两条代码中的一条,而 else if 语句则执行多条代码中的一条.其语法如下: if(判断条件) 执行语句1 else if (判断条件2) 执行语句2 else 最后的执

10、行语句 生肖的判断课程名称: Javascript 32课时讲师：JavaScript 基本语法Switch 语句 Switch 语句是一种简单,容易理解的IF语句的写法,用来定义一个多分支的条件语句 ,语法如下: switch (条件值) case 条件1: 执行语句1 break; case 条件2: 执行语句2 break; . default: 最后的执行语句 break; 例子课程名称: Javascript 32课时讲师：JavaScript 基本语法While语句 while 语句用来定义遵循一定条件的循环.语法结构如下 . while (判断条件) 执行语句1 while 循环

11、的作用是当满足时执行。 课程名称: Javascript 32课时讲师：JavaScript 基本语法Do-while语句 do-while同样用来定义一个循环,不同与while循环的是 ,do-while语句要先执行循环体,然后再判断条件.结构如 下. do 执行语句 while (循环条件);课程名称: Javascript 32课时讲师：JavaScript 基本语法for 语句 for 循环,又称之为可控制次数循环,语法结构如下 for (=; ; );与其他语言不同，JavaScript 的 for 循环没有规定循环变量每次循环一定要加一或减一，可以是任意的赋值表达式，如 i+=3、

12、i*=2、i-=j 等都成立。 从一到一百三种循环 不重复的数 九九乘法表课程名称: Javascript 32课时讲师：JavaScript 基本语法break 与 continuebreak 放在循环体内，作用是立即跳出循环。continue 放在循环体内，作用是中止本次循环，并执行下一次循环。如果循环的条件 已经不符合，就跳出循环。课程名称: Javascript 32课时讲师：JavaScript 基本语法var 语句 var 语句用来声明变量.同时也可以给变量赋值function 语句 该语句用来定义一个函数. function 函数名称(参数1,参数2) 执行的代码return语句

13、该语句用来定义函数的返回值.语法结构如下 return 返回值； 当函数中用return语句定义返回值后,后面的语句将不再执行. 课程名称: Javascript 32课时讲师：五 面向对象1.概念2.对象的属性,方法和事件3.基本对象4.全局对象5.文档对象6.函数课程名称: Javascript 32课时讲师：五 面向对象1 概念JavaScript 是使用“对象化编程”的，或者叫“面向对象编程”的。所谓“对象化编程” ，意思是把 JavaScript 能涉及的范围划分成大大小小的对象，对象下面还继续划 分对象直至非常详细为止，所有的编程都以对象为出发点，基于对象。小到一个 变量，大到网页

14、文档、窗口甚至屏幕，都是对象。课程名称: Javascript 32课时讲师：五 面向对象2.对象的属性、方法和事件对象是可以从 JavaScript“势力范围”中划分出来的一小块，可以是一段 文字、一幅图片、一个表单（Form）等等。每个对象有它自己的属性、 方法和事件。对象的属性是反映该对象某些特定的性质的，例如：字符 串的长度、图像的长宽、文字框（Textbox）里的文字等等；对象的方法 能对该对象做一些事情，例如，表单的“提交”(Submit)，窗口的“滚动 ”(Scrolling)等等；而对象的事件就能响应发生在对象上的事情，例如提交 表单产生表单的“提交事件”，点击连接产生的“点击

15、事件”。不是所有的对 象都有以上三个性质，有些没有事件，有些只有属性。引用对象的任一“ 性质”用“.”这种方法。课程名称: Javascript 32课时讲师：JavaScript 基本语法3基本对象nNumber “数字”对象nString 字符串对象nMath “数学”对象nDate 日期对象nArray 数组对象课程名称: Javascript 32课时讲师：3 基本对象Number “数字”对象。 这个对象用得很少，不过属于“Number”的对象，也就是“变量”就多了。 属性 MAX_VALUE 用法：Number.MAX_VALUE；返回“最大值”。 MIN_VALUE 用法：Num

16、ber.MIN_VALUE；返回“最小值”。 NaN 用法：Number.NaN 或 NaN；返回“NaN”。“NaN”（Not A Number 不是数值） NEGATIVE_INFINITY 用法：Number.NEGATIVE_INFINITY；返回：负无穷大，比“ 最小值”还小的值。 POSITIVE_INFINITY 用法：Number.POSITIVE_INFINITY；返回：正无穷大，比“最 大值”还大的值。方法toString() 用法：.toString()；返回：字符串形式的数值。如：若 a = 123 ；则 a.toString() = 123。课程名称: Javascript 32课时讲师：3 基本对象String 字符串对象 属性 length 用法：.length；返回该字符串的长度。方法charAt() 用法：.charAt()；返回该字符串位于第位的 单个字符。注意：字符串中的一个