网页制作与设计教程（第二版） 杨长兴 教学课件 第十一章.pdfVIP

第11章 在网页中使用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