DHTML ● DHTML对象模块的基本组件 DHTML对象模块由对象、属性、事件和方法构成,使开发人员能通过编 程控制网页上所有情况,并可随时进行实质上的改变。 1)对象 网页上HIML中每个元素在动态对象模块中都表现为对象,例如图像、文 本框等。对象模块是所有这些对象的分层表示,最高层是当前网页的框架 或者浏览器窗口。对象命名后,通过脚本语言来引用它。 (2)属性 属性描述一个对象的信息,在 DHTML中对象的属性通过CSS来指定。 (3)事件 网页上每一个发生的动作,例如鼠标双击,都称为事件。当网页事件发生 时,接收事件的项会通知动态对象模块事件发生,如果编制的脚本程序规 定对事件的触发做出响应,则执行该脚本
DHTML ⚫ DHTML对象模块的基本组件 DHTML对象模块由对象、属性、事件和方法构成，使开发人员能通过编 程控制网页上所有情况，并可随时进行实质上的改变。 （1）对象 网页上HTML中每个元素在动态对象模块中都表现为对象，例如图像、文 本框等。对象模块是所有这些对象的分层表示，最高层是当前网页的框架 或者浏览器窗口。对象命名后，通过脚本语言来引用它。 （2）属性 属性描述一个对象的信息，在DHTML中对象的属性通过CSS来指定。 （3）事件 网页上每一个发生的动作，例如鼠标双击，都称为事件。当网页事件发生 时，接收事件的项会通知动态对象模块事件发生，如果编制的脚本程序规 定对事件的触发做出响应，则执行该脚本
DHTML (4)方法 方法描述了对于对象所采取的措施。例如,使窗口对象能打开 新的浏览器的方法。 (5)对象及属性的实例 Microsoft Internet Explorer支持 DHTML对象模块中的对象、属 性、事件和方法。如果使用脚本语言编程操纵网页上的对象则 可以控制网页的变化
DHTML （4）方法 方法描述了对于对象所采取的措施。例如，使窗口对象能打开 新的浏览器的方法。 （5）对象及属性的实例 Miccrosoft Internet Explorer支持DHTML对象模块中的对象、属 性、事件和方法。如果使用脚本语言编程操纵网页上的对象则 可以控制网页的变化
DHTML 脚本编辑 采用 VBscript编写的脚本放在标记 %之间。 2. Java script使用了一些和Java相同的结构和语法。采用 Java script:编写 的脚本,脚本必须写在一系列脚本标记中,格式如下 SCRIPT LANGUAGE= JavaScript TThe actual script commands <SCRIPT> DHTML的可编程性,给Web页带来了新的功能 例如,以前在改变Web页的元素时,只能等待网页的重新下 载,而使用DHTM,可以单击屏幕上方的某个图像,就可 以使屏幕下方的段落立刻发生变化,而不必再访问服务器, 这一改变是通过编辑脚本程序实现的
DHTML ⚫ 脚本编辑 1. 采用VBscript编写的脚本放在标记<% ．．．． %>之间。 2. Java script使用了一些和Java相同的结构和语法。采用Java script编写 的脚本，脚本必须写在一系列脚本标记中，格式如下： <SCRIPT LANGUAGE=“JavaScript”> <!− − [The actual script commands] − −> </SCRIPT> DHTML的可编程性，给Web页带来了新的功能。 例如，以前在改变Web页的元素时，只能等待网页的重新下 载，而使用DHTML，可以单击屏幕上方的某个图像，就可 以使屏幕下方的段落立刻发生变化，而不必再访问服务器， 这一改变是通过编辑脚本程序实现的
DHTML ●使用样式表CSS CSS最大的特点是面向对象的网页设计,CSS所能 改变的属性包括:字体、文字间的间距、列表、颜 色、背景、页边距、位置 style> Acolor: blue Pibackground-color: red; color: yellow) </style 嵌入式使用和调用外部样式文件两种使用方式
DHTML ⚫ 使用样式表 CSS CSS最大的特点是面向对象的网页设计， CSS所能 改变的属性包括：字体、文字间的间距、列表、颜 色、背景、页边距、位置。 <style> A{color: blue } P{background-color: red; color:yellow} </style> 嵌入式使用和调用外部样式文件两种使用方式
DHTML ●实现交互功能 CSS本身没有交互功能,要实现交互, 就须将CSS定义的对象与文档模型(DOM) 结合在一起,将Web文档转换为 DHTML 文档
DHTML ⚫ 实现交互功能 CSS本身没有交互功能，要实现交互， 就须将CSS定义的对象与文档模型(DOM) 结合在一起，将Web文档转换为DHTML 文档