Web程序设计（第二版） 郝兴伟 05新.ppt

计算机网络原理、技术及应用 Web 程 序 设 计 目 录 第 1 章 Web程序设计基础 第 2 章 Web程序及运行环境 第 3 章 标记语言HTML规范 第 4 章 网页设计与制作 第 5 章 客户端编程 第 6 章 服务端编程 第 5 章 客户端编程 浏览器与客户端脚本程序 JavaScript程序设计基础 事件驱动及事件处理 对象及其操作 常用内部对象及函数 JavaScript浏览器对象模型BOM HTML文档对象模型DOM Web交互 使用AJAX技术 综合举例 Web浏览器与客户端脚本程序 Web浏览器 HTML规范文档阅读器 客户端脚本程序的解释机 JavaScript, Jscript, VBScript等 禁止浏览器执行脚本程序 在浏览器的“Internet选项”对话框中，选择“安全”选项卡，选择“Internet”，单击“自定义级别”，在安全设置列表中，可以对“活动脚本”中选则“禁用” Web浏览器产品 Netscape, IE， Maxthon ，Firefox 脚本语言规范与主要的客户端脚本语言 浏览器脚本语言 JavaScript 的出现，网景公司（Netscape） 发布，1995年末 欧洲计算机制造协会（European Computer Manufacturing Association，ECMA）发布了名为ECMAScript Edition 1的脚本语言规范，1997年6月 语法、类型、语句、关键字、保留字、运算符、对象等 1998年，微软在IE 4.0中发布了JScript 3.0，宣称成为第一个遵循ECMA规范来实现 Netscape发布其符合ECMA规范的Javascript1.3 1999年12月，ECMAScript第三版发布，该版本成为脚本程序语言所遵循的标准 JavaScript的组成部分 ECMAScript规范 文档对象模型DOM HTML文档对象模型 XML文档对象模型 浏览器对象模型BOM 在HTML中编写脚本程序 脚本程序标记 script language= runat= type= 语句部分 /script 脚本程序的位置 HTML文档头部 HTML文档体 举例-1检测浏览器中的JavaScript脚本程序版本 检测浏览器中的JavaScript脚本程序版本 html head titleJavaScript检测/title /head body h1JavaScript检测/h1hr !--JavaScript支持性检测-- script type=text/javascript document.write(浏览器支持JavaScript！brbr); /script !--JavaScript版本检测-- script language=JavaScript1.0 document.write(浏览器支持JavaScript 1.0br); /script script language =JavaScript1.1 document.write(浏览器支持JavaScript 1.1br); /script … script language=JavaScript1.5 document.write(浏览器支持JavaScript 1.5br); /script /body /html 运行结果 不同Web浏览器打开的显示结果 举例-2 JavaScript函数 html title＞Function in JavaScript /title head script language=Javascript function fact(n) { if (n==0) return 1; else return n*fact(n-1); } /script /head body pfact(5) = script language=JavaScript document.write(fact(5)); /script /body /html JavaScript程序设计基础 JavaScript基本符号 数据和数据类型 常量和变量 表达式和运算符 基本语句 顺序语句 分支语句 重复语句 函数 JavaScript基本符号 基本字符 字母（a、b、…、z，A、B、…、Z） 数字（0、1、…、9） 特殊符号（+、-、*、/、、=、等） 关键字 关键字又称为保留字，它是由字母构成的具有固定含义的单词 如：var代表变量说明，if 表示条件语句等 标识符 表示常量、变量和函数等名称的符号。 标准标识符和用户自定义标识符 标识符的命名 用户