动态网页设计精选.ppt

第三讲 动态网页设计 复习要点： 什么是动态网页设计技术 脚本语言、动态网页设计技术的分类、基于对象的基本特征 JavaScript的特点 JavaScript脚本嵌入HTML的方法（基本引用结构） 内部对象及其对象实例的创建方法 浏览器对象：COM对象模型和DOM对象模型的特点 JavaScript对象属性与方法引用 第三讲 动态网页设计 动态网页技术是相对静态网页而言的，凡是能够接受用户操作并做出相应的响应的网页实现技术都称为动态网页技术。 脚本语言是一种计算机语言,它是介于HTML与高级语言之间的中间语言,通过使用它,使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交互的表达能力 。弥补了HTML的缺陷。 根据处理用户操作位置的不同，主要分为两大类 ： 服务器端技术 CGI技术 ASP技术 PHP技术 JSP技术 客户端技术 JavaScript 脚本语言 VB Script 脚本语言 Java 语言（Java Applet） 3.1 Javascript脚本语言 JavaScript是一种基于对象和事件驱动并具有安全性能的客户端脚本语言，有了JavaScript，可使网页变得生动。使用它的目的是与HTML超文本标识语言、Java 脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。 JavaScript在语法上参考了C语法类语言。JavaScript遵循ECMAScript标准，目前使用的ECMAScript版本为ECMAScript-262 （ISO/IEC 16262）。 3.1.1 JavaScript脚本嵌入HTML的方法 直接在script标签对中嵌入JavaScript语句：示例 script language=“JavaScript” !-- JavaScript代码 //-- /script 将JavaScript程序以扩展名“.js”单独存放，再利用带src属性的script标签嵌入：示例 script src=指定路径的JavaScript文件名 3.1.2 JavaScript实现动态性的基本方法 变量定义语句： 如：var x; 运算符与表达式： 如：x=10; 控制语句： 如：for语句或while语句（循环语句） if语句（条件语句）、switch多分支语句等 函数调用（或方法） 如：sum(); 类：具有属性和方法的对象 对象：类的实例 事件：实现某个活动的一个或多个操作。 3.1.3 JavaScript对象 ECMA-262将对象（object）定义为“属性的无序集合，每个属性存放一个原始值、对象或函数”。 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相关联。 JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。 因而它不是对象驱动的，而是事件驱动的。 JavaScript使用的对象 JavaScript内部对象（build-in objects）。 浏览器对象 自定义对象：创建新对象 JavaScript内部对象 Array(数组对象)：动态对象。 示例代码 、运行 Boolean（布尔对象）：静态对象。 String（字符串对象）：静态对象。示例代码 Math(数学函数对象)：静态对象。 Date(日期对象)：动态对象。示例代码、运行 Number对象：静态对象。 …… 动态对象必须使用new关键字创建对象实例，静态对象则可以隐含声明和创建。 浏览器对象：COM层与DOM层 自定义对象 function Object（属性参数表）{ p1=prop1 //定义对象 p2=prop2 ... this.meth=FunctionName1; this.meth=FunctionName2;} ... function FunctionName1(参数表) //定义对象方法 function FunctionName2(参数表) var newObject= Object（属