第16章 CSS与JavaScript演示文稿.PPTVIP

第16章 CSS与JavaScript 在第5章我们提到了事件，事件处理程序，引出了JavaScript这个名词；在之后的第6章、第7章等也都提到了它，限于内容，并未进行具体的介绍。现在，本书对于CSS的讲解已经接近尾声，专门开辟一章来介绍JavaScript则很有必要。 JavaScript是一种解释运行的脚本语言。它的主要分类 --- 客户端JavaScript和CSS一样，同为网页中重要的组成部分。JavaScript在网页中可以做很多事情：作为事件处理程序，验证用户输入的信息是否符合规范；作为页面各标签的组织者，实现众多的炫目页面效果；特别地，利用JavaScript也可以设置CSS样式规则，从而实现控制页面外观的目的。本章将对JavaScript进行简单的讲解，使得读者能够对它有一些基本的认识，并能够在今后的工作中继续提高。 16.1 JavaScript简介 从字面上看，JavaScript是由Java与script两个词组合而成的。Java是印度尼西亚的一个岛屿，也就是爪哇岛，印尼的首都雅加达就坐落在这个岛屿上；而后者Script是剧本、脚本的意思。在计算机世界里，Java则是Sun公司推出的程序设计语言的名称；script表示出于控制某种程序的目的，需要计算机进行解释才能运行的语言，即脚本语言。 【JavaScript并不是Java】 有的读者可能听说过Java。其实，JavaScript和Java没有任何关系。当初推出JavaScript的前身LiveScript时，Java在业内刚开始流行，人们到处都在谈论它。为了吸引眼球，获得商业上的成功，JavaScript的主人Netscape公司跟风才将名称修改为JavaScript。 【编译和解释】 在前文中提到JavaScript是一种解释运行的语言。这里通俗地介绍一下编译和解释。我们知道，用计算机编程语言编写的程序称为源程序，比如我们编写网页的源代码HTML等。但是，计算机只能看懂0和1，看不懂源代码，因此不能直接执行源程序。如何使计算机工作呢？方法就是依赖翻译，把源代码翻译成计算机看得懂的0和1。 16.1.1 JavaScript的分类 JavaScript既然需要解释才能运行，那么就需要一个翻译来陪同，它就是代码的解释器。计算机世界中的解释器一般都只能解释一种语言，也就是说JavaScript解释器只负责解释JavaScript，其他语言则一概不管。 根据解释器所处的位置不同，JavaScript可以分为三类： 客户端JavaScript：解释器被包括在浏览器内部，当用户上网时，负责解释服务器传来网页中的JavaScript。 服务器端JavaScript：解释器存在于电脑系统内部，当用户在计算机系统内运行JavaScript程序时，负责解释代码。 嵌入的JavaScript：解释器存在于其他程序或者设备内部。虽然现在还很少见，但随着技术的发展，今后很可能会越来越多。 需要指出的是，我们在本章所介绍的JavaScript都属于第一种，即客户端JavaScript。因此，书中把客户端JavaScript简称为JavaScript，请读者注意。 16.1.2 一个简单的包含JavaScript网页 本小节将制作一个包含JavaScript代码的HTML页面，读者可从中学习到如下几点： JavaScript在页面中的位置，它如何区别于HTML页面的其他部分。 JavaScript代码的书写规范和在页面中实际效果。 JavaScript代码注释，CSS样式规则中的注释以及HTML代码中的注释在语法上的区别。 16.1.3 JavaScript的作用概述 总体说来，利用JavaScript可以实现： 控制网页内容和外观：在代码16-1中，通过document.write语句，我们已经将一个h1标签加入到网页的内容当中。关于控制外观，也将在16.2节中详细介绍。 实现对浏览器的控制：JavaScript可以通过location对象、window对象实现浏览器转向别的网页或者打开一个新的浏览器窗口。 实现事件处理程序，完成和用户的交互：在第5章我们介绍的事件处理程序在大多数情况下都是由JavaScript来完成的。当用户提交一个表单，单击一个按钮，或者仅仅是鼠标划过某个标签，都会触发相应的事件，JavaScript代码可以对这些事件进行处理，将结果告知用户，完成交互。 控制浏览器和网页的部分行为：JavaScript可以通过Window对象实现对窗口的移动，可以实现对标签的拖拽等等。 获得当前浏览器甚至系统信息的功能：比如利用Screen对象可以获得显示器大小、系统使用的分辨率等信息；利用Date对象可以获得系统的日期和时间等等。 通过Cookie来记录用