网站设计与Web应用开发技术ch06.ppt

网站设计与Web应用开发技术 清华大学出版社 网站设计与Web应用开发技术 清华大学出版社 * * * 第6章 JavaScript脚本语言 教学目标 教学重点 教学过程 第*页 教学目标 理解JavaScript脚本语言的基本概念 掌握JavaScript脚本语言的基本语法 掌握JavaScript的变量、各类控制语句和函数的用法 了解JavaScript内置对象和文档对象模型的基本用法 第*页 教学重点 JavaScript脚本语言的基本语法 JavaScript的变量、各类控制语句和函数的用法 JavaScript在网页中的应用 第*页 教学过程 JavaScript简介 JavaScript 基本语法 对象化编程 JavaScript的浏览器内部对象(DOM) JavaScript实例 第*页 6.1 JavaScript简介 JavaScript是由Netscape公司的Brendan Eich发明的，最初称为LiveScript 1995年Java出现后，以Java的设计理念，对LiveScript进行了改写，增加了对Java Applet的支持，所以改名为JavaScript JavaScript可增加网页的互动性 简化HTML代码中的重复代码 减少网页下载时间 对提交表单做即时的检查，即时响应用户的操作 第*页 6.1 JavaScript简介 基于对象)和事件驱动，并具有较高安全性能的脚本语言，特点如下： 一种脚本语言 基于对象的语言 简单性 安全性 动态性 跨平台性 第*页 6.1 JavaScript简介 JavaScript不是Java的精简版 ，区别如下： Java是面向对象的，而JavaScript是基于对象的 JavaScript是解释执行的，而Java是编译执行 Java采用强变量，JavaScript采用弱变量 两者的代码格式不同 两者嵌入HTML的方式不一样 第*页 6.1 JavaScript简介 JavaScript在网站开发中具有以下作用 ： 创建生动的用户界面 数据有效性验证工作 数据查找 JavaScript语言的组成 JavaScript核心语言 JavaScript客户端扩展 JavaScript服务器端扩展 第*页 6.1 JavaScript简介 将JavaScript引入网页 可直接将代码加入网页 JavaScript可出现在网页中的任意位置，但必须使用标记script…/script “!—”和“//--”的作用，是让不能解析script标签的浏览器忽略JavaScript代码 第四行前边的双反斜杠“//”是JavaScript里的注释标号 script !-- ... (JavaScript代码) ... //-- /script 第*页 6.1 JavaScript简介 将JavaScript引入网页 使用外部文件的方式，将某个.js文件引入 script src=javascript.js/script 在浏览器中直接调用JavaScript 浏览器 “地址”栏输入： javascript:JavaScript语句 使用链接： a href=javascript:JavaScript语句.../a 第*页 6.1 JavaScript简介 一个简单的JavaScript实例 HTML HEAD TITLE一个简单的实例/TITLE /HEAD BODY script language=javascript document.write(一个简单的实例); /script /BODY /HTML 第*页 6.2 JavaScript 基本语法 一般语句具有如下格式： 语句; 用大括号“{ }”括起来的一个或多个语句，相当于一个复合语句 允许语句块的嵌套 第*页 6.2 JavaScript 基本语法 JavaScript的数据类型 ： 第*页 6.2 JavaScript 基本语法 JavaScript的变量名称符合：只包含字母、数字和/或下划线；必须以字母开头；不能太长；不能与JavaScript保留字重复 变量是区分大小写的 变量名及函数名一般用小写，多个单词中除首单词外其余单词首字母大写 声明变量的方式： var 变量 [= 值]; 变量的作用域及赋值方法 第*页 赋值操作符： =、+=、-=、*=、 /=、%=、=、=、=、=、^=、|=； 条件表达式： status = (age = 18) ? adult : minor； 算数操作符：