71 信息资源管理概述.ppt
动态HTML,梁妤菲2016.10,1、HTML HTML是一种“静态”的网页设计语言,主要提供文本和图像的显示,难以实现页面元素运动和对文字图像等进行精确定位的功能。,2、动态HTML 动态HTML(Dynamic HTML,简称DHTML)是在HTML基础上的一种扩展。动态HTML可以让网页中的元素产生动态的效果。 动态HTML是几种技术的结合客户端脚本、样式表定位和文档对象模型。,网页脚本,3、脚本 脚本是一组指令能被浏览器程序解释执行。常用脚本语言(JavaScript和VBScript)来实现动态效果或制作更强的交互功能。,以JavaScript为例,当编写或使用JavaScript时,一般将其放在页面的HTML代码中,用括起。例如:,4、事件 事件是浏览器响应用户操作的机制,是说明用户与网页交互时产生的操作。,几种常见事件:,例如:对于Body这个标记,就对应有一个事件为“onload”,表示进入网页。,样式表定位,1、样式表 样式表(style sheet)是对网页上显示的样式进行控制,例如:字体颜色、文档背景、图片边距等。,2、样式表定位 样式表定位是样式表的延伸,它为屏幕上所有元素赋予了精确到像素的定位。 样式表定位技术最主要、最基础的内容是:使用标记来放置页面元素。,例如:,3、文档对象模型 文档对象模型(Document Object Model,简称DOM)是动态HTML的核心内容,它体现的是网页各元素之间的关系。 比如浏览器自身属性(如浏览器版本号),背景信息(如当前日期、时间等),练习,1、()是动态HTML的简称,它其实并不是一门新的语言,只是HTML、CSS和客户端脚本的一种集成。 AHTML BXML CDHTML DXHTML,C,练习,2、在网页中的HTML代码嵌入JavaScript,应该使用的标记是( )。 Ascript/script Bhead/head Cbody/body D!-./-,A,练习,3、如果想要在网页打开时弹出一个提示对话框,应该在标签中的( )事件加上JavaScript代码? AonFocus BonMouseOver ConMouseOut DonLoad,练习,、文档对象模型是动态HTML的核心内容,简称为。,DOM,