文档介绍：第五章动态网页技术

第一节动态网页技术概述
动态网页技术主要是指两大技术:
服务器端的动态网页
客户端的动态网页
本章主要讨论客户端的动态网页(Dynamic HTML)技术
DHTML :着眼于以更少而又更快的页面下载提供更丰富的图形和数据。特别是它便利依赖于用户的反馈来提供不同的信息变得更容易。(DHTML是浏览器自带的功能,只是一种概念,并非技术)DHTML有三大优点: 动态样式、动态内容、动态定位。
DHTML的四个组成部分:
1.
:控制文档显示,使页面布局和格式精确。
:借助它可以在网页中加入动态和交互式内容,而不必依赖于服务器提供新内容或改变现有内容。
:嵌入VBScript 、JavaScript使网页有动态效果。
第二节 JavaScript入门
一、 JavaScript语言概况
JavaScript以强大的程序语言和强大的客户端功能弥补了CGI的不足,几乎全部承担了客户端动态页面的工作。
JavaScript的出现使得信息和用户之间不仅只是一种显示和浏览的关系,而且实现了一种实时的、动态的、可交互的表达能力。
二、什么是javascript
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言(Java小程序)一起实现在一个Web页面中连接多个对象,与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入到标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择,具有以下几个基本特点:
1、是一种脚本编写语言JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样也是一种解释性语言,它提供了一个易开发的过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。
2、基于对象的语言。JavaScript是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
3、简单性JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。4、安全性JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
5、动态性的JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反应响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
6、跨平台性
JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软件及一浏览器,无须WEB服务器通道,通过自己的电脑即可完成所有的事情。
综合所述JavaScript是一种新的描述语言,它可以被嵌入到HTML的文件之中。JavaScript语言可以做到回应使用者的需求事件(如:form的输入),而不用任何的网络来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端(server)处理,再传回来的过程,而直接可以被客户端(client) 的应用程式所处理。
三、 JavaScript和Java的区别
1. 1、两种语言的异同:(1) 基于对象和面向对象:Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。javascript是一种脚本语言,它可以用来制作与网络无关的、与用户交互作用的复杂软件。它是一种基于对象的事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。
(2) 解释和编译:两种语言其在浏览器中