第6章_网页的行为设计与实现.pptVIP

第6章 网页行为的设计与实现 本章学习目标 (1) 理解JavaScript基于对象的思想和事件处理机制； (2) 能编写JavaScript代码实现图像幻灯、滚动和时间等网页特效； (3) 会编写鼠标事件处理函数和浏览器事件处理函数，实现对下拉菜单的控制。 6.1 关于JavaScript JavaScript是由Netscape公司开发并随Navigator 2.0浏览器一起发布的、基于对象和事件处理的脚本语言(Scripting Language)。脚本(Script)实际上是一段程序，用来完成某些特殊的功能和处理用户的某种交互行为。脚本程序既可以运行在服务器端(称为服务器端脚本)，也可以运行在浏览器端(称为客户端脚本)。 6.1 关于JavaScript JavaScript语言的前身叫作LiveScript，自从Sun公司推出著名的Java语言后，Netscape公司引进了Sun公司有关Java的程序概念，将LiveScript重新进行设计，并改名为JavaScript。 目前流行的多数浏览器都支持JavaScript，如Netscape公司的Navigator 3.0以上版本，Microsoft公司的Internet Explorer 3.0以上版本。 JavaScript是一种行为脚本语言，用JavaScript可以创建出运行在多平台和浏览器上的交互行为和效果。 6.1 关于JavaScript 行为是插入到网页内的一段JavaScript代码，利用这些代码实现一些动态效果；允许浏览者与网页交互，以实现网页根据浏览者的操作而作出的智能响应。 行为是事件和动作的组合。 事件可以是浏览者在一个链接上单击，也可以是网页自动化载入的过程。行为附属于用户页面上某个特定对象。对象是产生行为的主体，大部分网页元素都可以成为对象，如文本、图形图像、多媒体，甚至整个页面。 动作是由事件引起的响应。通过动作来实现动态效果，如交换图像、弹出信息框，打开浏览器窗口、播放声音等都是动作。 6.1 关于JavaScript 事件是事先定义好的、能被对象识别的动作。触发动作的原因，可以被附加到各种页面元素上，也可以附加在标记上。如将鼠标指针移到图像上、把鼠标指针移到图像之外，单击鼠标左键等。事件的种类和数量与浏览器的支持能力有关。 6.1 关于JavaScript 每种对象能识别一组预先定义的事件。并非每一种事件都会产生结果，因为JavaScript只是识别事件的发生，要使对象对某一事件做出响应，就必须编写事件处理函数。 事件处理函数是一段独立的程序代码，它在对象检测到某个特定事件时响应该事件。一个对象可以响应一个或多个事件。 6.1 关于JavaScript 利用JavaScript实现交互功能的Web网页拥有3部分的内容。 (1) 在head部分定义JavaScript函数，其中的一些可能就是事件处理函数，另外的一些可能是为了配合这些事件处理函数而编写的普通函数。 (2)??HTML的各种格式控制标记。 6.1 关于JavaScript (3) 拥有句柄属性的HTML标记。句柄是网页对象的一个属性，以存储特定事件处理函数的信息。每当事件发生时，JavaScript自动查找网页对象中相应的事件句柄，调用注册在上面的事件处理函数。一般的句柄形式是在事件的名称前加前缀on。 6.2 制作循环滚动的字幕 1 制作循环滚动的字幕 制作滚动字幕使用marquee标签，其格式为： marquee direction=left|right|up|down behavior=scroll|side|alternate loop=i|-1|infinite hspace=m vspace=n scrollamount=i scrolldelay=j bgcolor=色彩 width=x|x% height=y 流动文字或（和）图片 /marquee 6.2 制作循环滚动的字幕 【演练9-1】制作循环滚动的图像字幕。制作商城笔记本电脑展示的网页，滚动的图像支持超链接，并且鼠标指针移动到图像上时，画面静止；鼠标指针移出图像后，图像继续滚动，页面显示的效果如图9-1所示。 6.3 制作幻灯片切换的广告 在网站的首页中经常能够看到幻灯片切换的广告，既美化了页面的外观，又可以节省版面的空间。本节主要讲解如何使用JavaScript脚本制作幻灯片切换的广告。 6.3 制作幻灯片切换的广告 【演练9-2】制作幻灯片切换的笔记本电脑广告页面，每隔一段时间，广告自动切换到下一幅画面；用户单击广告下方的数字，将直接切换到相应的画面；用户单击链接文字，可以打开相应的网页（读者可以根据需要