6.2.3页面交互
页面交互是指网页设计人员根据网站需求,实现用户与网页页面元素进行交互的过程,如鼠标移入改变颜色、点击弹出窗口、广告框飘动等交互效果。网页交互一般通过JavaScript、JQuery和Flash ActionScript等程序脚本语言来实现。
1.JavaScript
JavaScript属于网络脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常,JavaScript脚本是通过嵌入在HTML中来实现自身功能的。JavaScript源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。该语言具有以下特点:
(1)脚本语言。JavaScript是一种解释性的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行点击或上下移动、窗口移动操作等,JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此,一个JavaScript脚本在编写后可以带到任意计算机上使用,但前提是计算机上的浏览器必须支持JavaScript脚本语言。目前,JavaScript已被大多数的浏览器所支持。
不同于服务器端脚本语言,例如PHP与ASP,JavaScript主要被作为客户端脚本语言在用户的浏览器上运行,不需要服务器的支持。所以,在早期程序员比较青睐JavaScript语言,以减少服务器的负担,但与此同时,也带来了另一个问题——安全。
2.jQuery
jQuery是一个快速、简洁的JavaScript框架,是继Prototyp之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“Write Less,Do More”,即倡导写更少的代码、做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为以下几点:
(1)具有独特的链式语法和短小、清晰的多功能接口。
(2)具有高效、灵活的CSS选择器,并且可对CSS选择器进行扩展。
(3)拥有便捷的插件扩展机制和丰富的插件。
(4)jQuery兼容各种主流浏览器,如IE 6.0、FF 1.5、Safari 2.0、Opera 9.0等。
3.Flash ActionScript
Flash ActionScript是由Macromedia(现已被Adobe收购)为其Flash产品开发的,最初是一种简单的脚本语言,现在最新版本为ActionScript 3.0。它是一种完全的面向对象的编程语言,功能强大,类库丰富,语法类似JavaScript,多用于Flash互动性、娱乐性、实用性开发,以及网页制作和丰富互联网程序(RIA)开发。