第十三章JavaScript概述.pptVIP

;;13.1 JavaScript概貌;13.1.1 JavaScript的历史起源;JavaScript脚本语言的主要特点如下： 解释性 JavaScript不同于一些编译性的程序语言，例如C、C++等，它是一种解释性的程序语言，它的源代码不需要经过编译，而直接在浏览器中运行时被解释。 基于对象 JavaScript是一种基于对象的语言。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 事件驱动 JavaScript可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的响应，是以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，此动作称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 跨平台 JavaScript依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。 安全性 JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。这样可有效地防止数据的丢失。; 使用JavaScript脚本实现的动态页面，在Web上随处可见。下面将介绍几种JavaScript常见的应用。 验证用户输入的内容 使用JavaScript脚本语言可以在客户端对用户输入的数据进行验证。例如在制作用户注册信息页面时，要求用户输入确认密码，以确定用户输入密码是否准确。如果用户在“确认密码”文本框中输入的信息与“密码”文本框中输入的信息不同，将弹出相应的提示信息，如图13-1所示。 图13-1 验证两次密码是否一致 ;动画效果 在浏览网页时，经常会看到一些动画效果，使页面显得更加生动。使用JavaScript脚本语言也可以实现动画效果，例如在页面中实现下雪的效果，如图13-2所示。 图13-2 动画效果 ;窗口的应用 在打开网页时经常会看到一些浮动的广告窗口，这些广告窗口是网站最大的盈利手段。我们也可以通过JavaScript脚本语言来实现，例如，如图13-3所示的广告窗口。 图13-3 窗口的应用 ;文字特效 使用JavaScript脚本语言可以使文字实现多种特效。例如使文字旋转，如图13-4所示。 图13-4 文字特效 ;中国网络电视台应用的jQuery效果 访问中国网络电视台的电视直播页面后，在央视频道栏目中就应用了jQuery实现鼠标移入移出效果。将鼠标移动到某个频道上时，该频道内容将添加一个圆角矩形的灰背景，如图13-5所示，用于突出显示频道内容，将鼠标移出该频道后，频道内容将恢复为原来的样式。 图13-5 中国网络电视台应用的jQuery效果;;应用Ajax技术实现百度搜索提示 在百度首页的搜索文本框中输入要搜索的关键字时，下方会自动给出相关提示。如果给出的提示有符合要求的内容，可以直接选择，这样可以方便用户。例如，输入“明日科”后，在下面将显示如图13-7所示的提示信息。 图13-7 百度搜索提示页面 ;13.2 搭建JavaScript开发环境;在使用JavaScript进行程序开发时，要求使用的硬件开发环境如下： 首先必须具备运行Windows 98、Window XP、Windows Vista、Windows 7等，Windows 2000及其Service Pack 2或更高版本的基本硬件配置环境。 至少512MB以上的内存。 640*480分辨率以上的显示器，建议使用1024*768。 至少1G以上的可用硬盘空间。 注意： 一般情况下，计算机的最低配置往往不能满足复杂的JavaScript程序的处理需要，如果增大内存的容量，可以明显地提高程序在浏览器中运行的速度。; 本书介绍的JavaScript基本功能适用于大部分浏览器。为了能够更好地利用本书，建议读者的软件安装配置如下： Windows XP、Windows 7操作系统。 Netscape Navigator 3.0浏览器或Internet Explorer 6.0浏览器以上版本。 ; 由于各浏览器对JavaScript脚本支持的不一致性，因此，在进行JavaScript脚本编程时，首先应确定用户使用的浏览器类型，然后根据浏览器类型编写JavaScript脚本。下面将介绍Netscape的Navigator浏览器和Microsoft的Internet Explorer浏览器。 1．Netscape Navigator（网景浏览器） Netscape Navigator（网景浏览器）是最早也是最