第十一章 在网页中使用JavaScript.pptVIP

网页制作与设计陈语林 梁建武 周诚 主编中国水利水电出版社 第十一章 在网页中使用JavaScript JavaScript是一种基于对象的脚本语言， 可嵌入到HTML网页中。它除了内置 了一些常用对象，还可以使用浏览器提供 的对象，甚至可以创建新对象。通过采用 事件驱动机制，使其能在客户端（浏览器） 与用户实现大量的交互、还能创建出惊人 的特效。 教学重点与难点 事件驱动机制 对象的概念和使用 JavaScript内置对象 浏览器对象 11.1 JavaScript 简介 JavaScript是一种简洁的、面向对象的、 跨平台的描述语言，JavaScript和Java很类 似，但并不相同。Java是一种比JavaScript 复杂许多的语言，由SUN公司开发；而 JavaScript则是简单而小巧的语言，由 Netscape公司推出。 一、JavaScript的特点 JavaScript是一种基于对象(Object Based) 和事件驱动(Event Driven)并具有安全性能 的脚本语言。 1.基于对象 2.简单性 3.安全性 4.动态性 5.跨平台 二、JavaScrip运行和编辑环境 三、在Html中嵌入JavaScript脚本 在Html中使用JavaScript时，应将 JavaScript程序放在script/script标记间。 1.在Html中加入已有的JavaScript脚本文件 2.考虑不支持JavaScript的浏览器 可以把JavaScript源程序放在HTML的注 释标记内，从而使不支持JavaScript的浏览 器把它当作HTML的注释而忽略JavaScript 源程序。 11.2 JavaScript语言结构 一、数据和运算符 1．数据：有六种数据类型 JavaScript是一种对数据类型变量要求不 太严格的语言，所以不必声明每一个变量 的类型，变量声明尽管不是必须的，但在 使用变量之前先进行声明是一种好的习惯。 2．运算符 （1） 算术运算符 （2） 比较运算符 （3） 逻辑运算符 （4） 字符串运算符 （5） 位运算符 （6） 赋值运算符 二、语句和程序控制 1．一般语句 （1） 数据声明语句 var 变量名[=初始值] （2） 赋值语句 由赋值表达式组成的语句。 （3） 注释语句 //：单行注释，从“//”开始到本行行尾都为注释； /*....*/：多行注释，从“/*”开始到“*/”结束为注释。 2．选择结构 （1） if...else语句 if (条件) { 执行分支语句1 } else { 执行分支语句2 } （2） switch语句 switch (expression) { case label1: 语句串1； case label2: 语句串2； case label3: 语句串3； ... default : 语句串3； } 3．循环结构 （1） for语句 for (循环变量初始化; 循环变量结束条件; 循环变量自增/减变化) { 循环体 } （2） while语句 while (循环条件) { 循环体 } （3） do-while语句 do { 循环体 }while(循环条件); （4） break语句 break语句结束当前的各种循环，并执 行循环语句的下一条语句。 （5） continue语句： continue语句结束当前的循环，跳过本 次循环并马上开始下一个循环。 4．函数定义语句：function，return function 函数名(参数列表) { 函数功能的实现部分 return 表达式 //return语句将表达式的值返回主调程序 } 5．书写语句的注意事项 （1） 多个语句可以放在同一行，只要每个语句之间用分号分开即可。 （2）分号是JavaScript的分行符，但不同行之间也可不用分号。 （3）较长的JavaScript语句可以由多行文本组成，不需要续行