综合运用DHTML技术使网页更生动

ZDNet软件频道 时间:2003-05-20 作者:周靖 译 |  我要评论()
本文关键词:
DHTML综合运用这些技术,来动态地修改内容及其呈现方式,同时不必重新加载当前页或加载一个不同的页。本文要探讨位于DHTML幕后的主要技术,并解释它们如何协作。
本文译自Builder.com,未经许可请勿转载首先为大家提个醒:万维网协会尚未发布“动态超文本标记语言”(DHTML)的推荐规范,而且在可以预见的将来,也根本不会发布。由于缺乏文档和标准化,DHTML根本就是一个试图覆盖大量技术的噱头词,其中包括级联样式表(CSS)、JavaScript以及文档对象模型 (DOM)等。

DHTML综合运用这些技术,来动态地修改内容及其呈现方式,同时不必重新加载当前页或加载一个不同的页。具体可实现哪些技术规范,则取决于你的用户的要求以及是否要提供跨浏览器支持。例如,如果客户端浏览器是Microsoft Internet Explorer,就可混合使用VBScript、ActiveX和数据源对象,但这样做会失去跨浏览器支持。

本文要探讨位于DHTML幕后的主要技术,并解释它们如何协作。

HTML事件

事件处理程序提供了一种机制,可在浏览器完成了特定行动后驱动网页的行为。例如,当网页加载时,可调用一个JavaScript,从而表现一个特定的行为。将一个JavaScript函数或一行代码与HTML文档中某个元素的事件处理程序关联,即可在发生特定事件时执行指定的JavaScript代码。例如,<body onload="JavaScript:xyzzy()">会导致文档结束加载后立即调用JavaScript函数xyzzy()。A展示了一些通用的、由浏览器处理的事件。

表A

事件 触发前提
onAbort 图像加载过程中断
onBeforeUpload 发生onUnload事件之前(仅适用于IE)
onBlur 对象失去焦点
onChange 对象的值发生改变,而且对象失去焦点
onClick 对象被单击
onDblClick 对象被双击
onError 图像加载时出错
onFocus 对象获得焦点
onKeyDown 按下键盘上的一个键
onKeyPress 按下并松开键盘上的一个键(合并了onKeyDown和onKeyUp事件);适合多个按键的组合
onKeyUp 松开键盘上的一个键
onLoad 图像或文档结束加载
onMouseDown 按下一个鼠标按钮
onMouseOut 鼠标指针移离对象
onMouseOver 鼠标指针移到对象上方
onMouseUp 松开一个鼠标按钮
onReset 请求表单重置
onResize 浏览器窗口大小改变
onSubmit 请求表单提交
onUnload 文档卸载

 


百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134