第1章 初步解JavaScript.pptVIP

第1章 初步了解JavaScript JavaScript是目前Web应用程序开发者使用最为广泛的客户端脚本编程语言，它不仅可用来开发交互式的Web页面，更重要的是它将HTML、XML、Ajax和Java applet、Flash等功能强大的Web对象有机结合起来，使开发人员能快捷生成Internet或Intranet上使用的分布式应用程序。另外，由于Windows操作系统对其拥有较为完善的支持，并提供二次开发的接口来访问操作系统中各组件，进而实施相应的管理功能，大有取代批处理文件（.bat）实施操作系统管理功能的趋势。 1.1 JavaScript是什么 JavaScript是一种基于对象和事件驱动的客户端脚本语言，并具有相对的安全性，主要用于创建具有交互性较强的动态页面。 JavaScript是一种有着较强生命力和发展潜力的脚本描述语言，可被直接嵌入到HTML文档中，供浏览器解释执行；直接响应客户端事件如验证数据表单合法性等，并调用相应的处理方法，迅速返回处理结果并更新页面，实现Web交互性和动态的要求。同时将大部分的工作交给客户端处理，将Web服务器的资源消耗降到最低。 1.2 JavaScript能做什么 JavaScript脚本由于其效率高、功能强大等特点，在表单数据合法性验证、网页特效、交互式菜单、动态页面、数值计算等方面获得了广泛的应用，甚至出现了完全使用JavaScript编写的基于Web浏览器的类Unix操作系统JS/UIX，以及无需安装即可使用的中文输入法程序JustInput，可见JavaScript脚本编程能力不容小觑！下面仅介绍JavaScript常用功能。 1.2.1 表单数据合法性验证 使用JavaScript脚本语言能有效验证客户端提交的表单上数据的合法性，如数据合法则执行下一步操作，否则返回错误提示信息，如图所示。 1.2.2 页面特效 使用JavaScript脚本语言，结合DOM和CSS能创建绚丽多彩的页面特效，如火焰状闪烁文字、文字环绕光标旋转、页面载入时百叶窗效果、图片随鼠标忽明忽暗的效果等。火焰状闪烁文字效果如图所示。 1.2.3 交互式菜单 使用JavaScript脚本可以创建具有动态效果的交互式菜单，完全可以与Falsh制作的页面导航菜单相媲美。如图所示，鼠标在文档内任何位置单击，在其周围会出现导航菜单。 1.2.4 动态页面 使用JavaScript脚本可以对Web页面的所有元素对象进行访问，并使用对象的方法操作其属性，以实现动态页面效果，其典型应用如网页版俄罗斯方块、扑克牌游戏等。如图所示为网页版俄罗斯方块游戏。 1.2.5 数值计算 JavaScript脚本将数据类型作为对象，并提供丰富的操作方法使得JavaScript用于数值计算。如图所示为使用JavaScript脚本编写的计算器。 1.3 JavaScript编程起步 在Web应用程序开发领域，JavaScript脚本已成为一门炙手可热的语言，为客户端脚本的首选。网络上充斥着形态各异的JavaScript脚本并实现不同的功能，但用户也许并不了解JavaScript脚本是如何被浏览器中解释执行的，更不知如何开始编写自己的JavaScript脚本来实现自己想要实现的效果。本节将一步步带领读者踏入JavaScript脚本语言编程的大门。 1.3.1 “Hello World！”程序 像学习C、Java等其他语言一样，先来看看使用JavaScript脚本语言编写的“Hello World!”程序。 1.3.2 选择JavaScript脚本编辑器 编写JavaScript脚本代码可以选择普通的文本编辑器，如Notepad、UltraEdit等，只要所选编辑器能将所编辑的代码最终保存为HTML文档类型(.htm、.html等)即可。 1.4 如何引入JavaScript脚本代码 可以通过多种方式将JavaScript脚本代码嵌入到目标HTML文档中，总的来说，有如下4种标准方法： 代码包含于script和/script标记对，然后嵌入到HTML文档中； 通过script标记的src属性链接外部的JavaScript脚本文件； 通过JavaScript伪URL地址引入； 通过HTML文档事件处理程序引入。 下面分别介绍JavaScript脚本的几种标准引入方法。 1.4.1 通过script与/script标记对引入 在源程序1.