第1章 JavaScript概述

课件制作人：第1章JavaScript概述【学习目标】JavaScript是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。通过本章的学习，读者可以达到以下学习目的：●了解什么是JavaScript和JavaScript的作用、基本特点。●了解JavaScript的软硬件环境要求。●熟悉编写JavaScript所需的工具。●独立编写一个JavaScript程序课件制作人：【学习导航】本章首先介绍什么JavaScript、JavaScript的作用、基本特点，然后介绍JavaScript的软硬件环境要求，以及编写JavaScript所需的工具，最后编写一个JavaScript程序。本章在书中的学习位置如图1.1所示。JavaScript语言基础JavaScript基本语句函数对象编程事件处理浏览器对象CSS+DIV技术Ajax技术JavaScript概述了解JavaScript环境要求及编写工具关键字和标识符数据类型、变量、常量、运算符等对象概述常用对象CSS简介样式定义与使用CSS+DIV美化与布局页面Ajax概述实现Ajax的基本步骤用Ajax实现无刷新广告轮显编写第一个程序HTML文档HTML文档基础常用标记条件语句、循环语句和跳转语句等了解函数函数的定义与调用等常用内置函数事件基本概念常用事件窗口对象文档对象表单对象课件制作人：【知识框架】本章学习内容知识框架如图1.2所示。JavaScript概述JavaScript简述JavaScript环境要求编写JavaScript工具编写第一个JavaScript程序什么是JavaScriptJavaScript主要特点JavaScript的应用使用记事本使用FrontPage使用Dreamweaver课件制作人：√本章目录1.1JavaScript简述1.2JavaScript的环境要求1.3编写JavaScript的工具1.4编写第一个JavaScript程序√√√课件制作人：1.1JavaScript简述什么是JavaScriptJavaScript的主要特点JavaScript的应用√√√课件制作人：什么是JavaScriptJavaScript是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面。课件制作人：JavaScript的主要特点JavaScript脚本语言的基本特点如下：（1）解释性JavaScript不同于一些编译性的程序语言，例如C、C++等，它是一种解释性的程序语言，它的源代码不需要经过编译，而直接在浏览器中运行时被解释。（2）基于对象JavaScript是一种基于对象的语言。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。（3）事件驱动JavaScript可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的响应，是以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，此动作称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。（4）跨平台JavaScript依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。（5）安全性JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。这样可有效地防止数据的丢失。课件制作人：JavaScript的应用使用JavaScript脚本实现的动态页面，在Web上随处可见。下面将介绍几种JavaScript常见的应用。（1）验证用户输入的内容使用JavaScript脚本语言可以在客户端对用户输入的数据进行验证。例如在制作用户注册信息页面时，要求用户输入确认密码，以确定用户输入密码是否准确。如果用户在“确认密码”域输入的信息与“密码”域输入的信息不同，将弹出相应的提示信息，如图1.3所示。（2）动画效果在浏览网页时，经常会看到一些动画效果，使页面显得更加生动。使用JavaScript脚本语言也可以实现动画效果，例如在页面中实现下雪的效果，如图1.4所示。课件制作人：JavaScript的应用（3）窗口的应用在打开网页时经常会看到一些浮动的广告窗口，这些广告窗口是网站最大的盈利手段。我们也可以通过JavaScript脚本语言来实现，例如如图1.5所示的广告窗口。（4）文字特效使用JavaScript脚本语言可以使文字实现多种特效。例如使文字旋转，如图1.6所示。课件制作人：1.2JavaScript的环境要求硬件要求软件要求√√课件制作人：硬件要求JavaScript适用于各种支持Internet浏览器的平台，包括Windows、Macintosh、Linux或UNIX变形系统等。下面介绍在Windows系统中安装Netscape的Navigator7.1或Microsoft的InternetExplorer6.0所需要的最低系统要求。（1）英特尔奔腾III或以上机型。（2）Windows98，WindowsNT及其ServicePack6a或更高版本，Windows2000及其ServicePack2或更高版本，WindowsXP。（3）64MB内存。（4）20MB可用硬盘空间。（5）16位或以上的适配卡和800×600分辨率以上的显示器。（6）CD-ROM驱动器。课件制作人：软件要求Windows95/98或WindowsNT及以上版本。NetscapeNavigator3.0或InternetExplorer3.0以上版本。编辑JavaScript程序可以使用任何一种文本编辑器，例如Windows中的记事本、写字板等应用软件。由于JavaScript程序可以嵌入于HTML文件中，因此，读者可以使用任可一种编辑HTML文件的工具软件，例如事本、FrontPage和Dreamweaver等，具体介绍参见1.2.3节。下面重点介绍JavaScript对浏览器的支持。（1）NetscapeNavigator（网景浏览器）NetscapeNavigator（网景浏览器）是最早也是最有影响力的网页浏览器之一，NetscapeNavigator浏览器1.0版发布于1994年12月，比微软IE1.0浏览器发布时间还早一个多月，但由于IE浏览器和微软的Windows操作系统捆绑在一起，因此对Netscape网景浏览器的市场发展造成了巨大影响，使得Netscape网景浏览器逐渐淡出主流浏览器行列。下面介绍NetscapeNavigator浏览器版本的变化及其支持的JavaScript的版本，如表1.1所示。课件制作人：软件要求（2）MicrosoftInternetExplorer（微软浏览器）InternetExplorer，原称MicrosoftInternetExplorer，简称MSIE（一般称成InternetExplorer，简称IE），是微软公司推出的一款网页浏览器。IE浏览器不是最早的浏览器，但由于IE浏览器自推出之日起就是免费的，因此几乎将其他收费浏览器置于死地。从一定程度上说，是微软提供免费的IE浏览器后带动了整个互联网的发展。下面介绍InternetExplorer浏览器版本的变化及其所支持的JScript的版本，如表1.2所示。课件制作人：1.3编写JavaScript的工具编写JavaScript脚本程序的工具有多种，主要包括记事本、FrontPage、Dreamweaver、1stJavaScriptEditor和UltraEdit32等，下面主要介绍前三种。使用记事本使用FrontPage使用Dreamweaver√√√课件制作人：使用记事本记事本是编写JavaScript代码的最简单的工具，它可以做一些简单的文字处理和JavaScript代码的局部修改。虽然记事本使用简单，但如果使用它编写一些复杂的JavaScript代码，则需要熟练掌握JavaScript的语法、对象等。例1.1下面介绍使用记事本编写JavaScript程序，具体步骤如下。（1）单击“开始”菜单，选择“程序”/“附件”/“记事本”选项，打开记事本。（2）在记事本的工作区域输入HTML标识符和JavaScript代码，具体代码如下。htmlheadtitle用记事本编写JavaScript程序/titlescriptlanguage=javascriptwindow.alert(HelloJavascript);/script/headbodyh3HelloJavascript/h3/body/html课件制作人：使用记事本（3）编辑完毕后，选择“文件”/“保存”命令，在打开的“另存为”对话框中，输入文件名，将其保存为.html格式或.htm格式，之后该文件将会变成一个IE浏览器的图标，双击该图标，即可显示结果，如图1.7所示。说明：利用记事本开发JavaScript程序也存在着缺点，就是整个编程过程要求开发者完全手工输入程序代码，这就影响了程序的开发速度。所以，在条件允许的情况下，最好不要只选择记事本开发JavaScript程序。课件制作人：使用FrontPageFrontPage是微软件Office提供的一款脚本编辑器，它是一种专业化的Web编程工具，用于在HTML文档和ASP文件内查看和编辑HTML标签，还可以在文件中添加诸如JavaScript和VBScript之类的脚本，并调试该脚本。例1.2下面介绍使用FrontPage编写JavaScript程序，具体步骤如下。1．启动Microsoft脚本编辑器（1）启动FrontPage，并打开或新建任意一个HTML文件。（2）将工作视图切换到“网页”视图，并选择“HTML”选项卡。此时在工作区看到的是当前所编辑页面的HTML代码。（3）从菜单栏中的“工具”/“宏”命令，然后在弹出的菜单中选择“Microsoft脚本编辑器”命令，此时将打开Microsoft脚本编辑器，如图1.8所示。课件制作人：使用FrontPage提示：如果安装Office时，未安装“Microsoft脚本编辑器”，则FrontPage会提示安装“Microsoft脚本编辑器”。在“HTML”视图中，脚本编辑器基于文件中文本的功能对文本进行着色。例如，用紫色表示HTML标记，用红色表示属性名称，而用蓝色表示属性值。2．在HTML文档中编写JavaScript程序例1.3使用Microsoft脚本编辑器可以很容易地加入SCRPT标记，来编写JavaScript程序，具体步骤如下。（1）将焦点移至HTML标记之前，然后在右边的“属性”窗口中找到DOCUMENT对象的defaultClientScript的属性设置为JavaScript，此时在HEAD部分将出现如下代码：metaname=vs_defaultClientScriptcontent=JavaScript这段代码用于设置页面所使用的脚本语言是JavaScript。（2）将焦点移至要插入SCRIPT块的位置（如在/HEAD标记之前的位置），然后单击鼠标右键，在弹出的已快捷菜单中，选择“插入脚本块”/“客户端”菜单命令，Microsoft脚本编辑器将自动在当前光标所在处生成SCRIPT块标记，代码如下。scriptlanguage=javascript!--//--/script在上述代码中，!--…//--是HTML注释，而//是JavaScript的注释。使用这种注释标记的作用在于使较旧的不支持脚本的浏览器也能正确显示该文档的其他