5.1 动态HTML-粤教版高中信息技术选修三（网络技术应用）课件(共20张PPT)

5.1 动态HTML - - 学习目标 网页脚本 样式表定位 文档对象模型 - - 回顾HTML语言 html 语言是一种“静态”的网页设计语言，主要提供文本和图像的显示，难以现页面元素运动和对文字图像等进行精确定位的功能。在第四章中我们运用边态HTML( Dynamic HTHL，简称DBM)技术为网页增加特效。动态田是HTML4.0版本的一个扩展，它是几种技术的结合一客户端脚本、样式表定位和文档对象模型( Document Object Modules，简称D0N)。上述三种技术的结合产生了网页的动态效果. - - 网页脚本javascript 脚本是一组指令能被浏览器程序解释执行。在万维网上，人们常用脚本语言( JavaScript和 VBScript)来实现动态效果或制作更强的交互功能，例如，近 年出现的AJAX技术。下面所介绍的脚本以 JavaScript为例，如下页图5-1所示。当编写或使用 JavaScript时，一般将其放在页面的HTML代码中，用<script>/ script>括起。< script>标记中包含了指定脚本程序语言的类型以及嵌入外部脚本源程序的属性 例如：< script language=" JavaScript1.2">表示脚本采用 JavaScript1.2版本程序语言。script language=" JavaScript1.2"src="，/ animate。Js">表示脚需要嵌入外部脚本程序，程序名为 animate，js这个外部脚本程序是一个文文件，里面编写了实现动画效果JavaScript代码段。 脚本的概念： - - 事件event 事件是浏览器响应用户操作的机制， Javascript的事件处理功能可改变览器响应这些操作的方式，从而开发具有交互性的网页。事件是说明用户与网页交互时产生的操作，如下页图5-3所示。例如，用户单击超链接或网页中的按钮，或进入网页，或离开页时都会产生一个事件浏览器等待事件发生并在事件发生时进行相应的处理. 这里的单击、双击就是指的事件 - - 几种常见事件 事件 表示何时处理 onclick 单击链接按钮 onload 浏览器显示图形文档等 onunload 用户退出文档 onMouseOver 鼠标经过链接时 onMouseOUT 鼠标移到链接时 -