教程1.课件第一章

1、JavaScript程序设计贾素玲 王强 主编张剑 曹爽 董亮 编著 周二:上课：56 地点: 北503上机：78 地点: 1104 周四:上课：12 地点: 北503上机：34 地点:1104 周五:上课：12 地点: 2-201上机：34 地点:3-302 周五:上课：56 地点: 2-201上机：34 地点:3-305 第一章 JavaScript简介本章结构什么是JavaScript编写第一个JavaScript程序JavaScript开发工具脚本语言简介小结思考题什么是JavaScriptJavaScript语言的定义JavaScript是一种解释型脚本语言（脚本语言是一种通过浏览器

2、的解释程序解释执行的程序设计语言。）基于对象和事件驱动并具有安全性能用于开发交互式的Web页面不仅可以直接应用在HTML页面中以实现动态效果，也可以用在服务器端完成访问数据库、读取文件系统等操作。 什么是JavaScriptJavaScript的发展历史Netscape公司为自己的Navigator浏览器开发了一种脚本语言，叫做LiveScript。在随后的Navigator 2.0版本中，加入了对Java小应用程序的支持，并将其更名为JavaScript，这便是JavaScript语言的诞生。随后Microsoft公司在Internet Explorer 3.0中加入了自己的脚本语言功能，与

3、Navigator 2.0中的JavaScript非常类似，并取名为Jscript，还在IIS中提供了对服务器端JavaScript的支持。为了调和Netscape和Microsoft之间的分歧，诞生了一种国际标准化的JavaScript版本，叫做ECMAScript。什么是JavaScriptJavaScript的特性和应用JavaScript的特性简单性：拥有简单的语法和开发过程动态性：可以直接对用户输入做出响应，无须经过Web服务端程序处理 安全性：不允许访问本地磁盘系统，并不能将数据存入服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互 跨平台性：JavaSc

4、ript依赖于浏览器本身运行，与操作环境无关JavaScript的应用与HTML表单交互 对客户端事件进行处理 可对浏览器窗口进行简单的控制可以通过自带的document对象操作HTML文档的外观和内容 可以读写cookie什么是JavaScriptJavaScript的局限出于安全性的考虑，JavaScript不能对服务器和客户机上的文件进行读写操作（Cookie文件除外）JavaScript不能用于制作多用户程序 JavaScript不能用于对安全性认证的处理 什么是JavaScript JavaScript与JavaJavaScript与Java没有任何关系，它们是两种完全不同的程序设计

5、语言Java是SUN公司开发的一种需要编译的高级面向对象语言，可以用来开发嵌入式应用、桌面应用和Web应用等各种程序，它比JavaScript要复杂的多虽然它们是完全不同的程序设计语言，但是如果把Applet和JavaScript结合起来使用，可以获得意想不到的效果，这是因为它们的特性是互补的。编写第一个JavaScript程序在学习JavaScript编程之前，读者应该首先了解HTML代码的基本结构。例1.1是一个显示“Hello World！”字样的页面的源代码：例1.1 简单的Hello World页面代码Hello World!Hello World!编写第一个JavaScript程序

6、下面来看一下例1.1的运行结果：编写第一个JavaScript程序使用标记HTML是基于标记的文本，同样，JavaScript的代码也要放置在特定的标记里面才会起作用。这个特定的标记就是标记，只有写在这个标记里面的JavaScript代码才会被识别。在目前的版本中，JavaScript标记对大小写不敏感，如标记可以写成或者都行。使用标记的时候需要为它定义language属性，用来指定这个采用的是什么类型的脚本语言。下面的例1.2使用JavaScript弹出一个对话框。 编写第一个JavaScript程序例1.2 通过JavaScript弹出Hello World对话框 Hello World!

7、alert(Hello World!);编写第一个JavaScript程序下面来看一下例1.2的运行结果：编写第一个JavaScript程序使用JavaScript文件如果JavaScript代码比较简短，可以直接放在HTML页面中。但如果代码非常多，则会使得HTML代码看起来非常凌乱，在修改和维护的过程中可能会遇到很多问题。另外，如果代码中的一些方法在整个开发过程中被经常用到，则需要把它们拷贝到每个页面中，不利于代码的复用。 这个时候就需要把JavaScript代码写到一个单独的文件中，文件的扩展名是“.js”，这样开发人员可以在标记中通过src属性引入放在外部的JavaScript文件。其

8、作用与把代码直接写在页面里是一样的。 编写第一个JavaScript程序给JavaScript代码添加注释JavaScript为开发人员提供了两种注释：单行注释和多行注释。 单行注释使用双斜线“/”作为注释标记，将“/”放在一行代码的末尾或者单独一行的开头，它后面的内容就是注释部分。 多行注释可以包含任意行数的注释文本。多行注释以“/*”标记开始，以“*/”标记结束，中间的所有内容都为注释文本。 编写第一个JavaScript程序例1.3 添加了注释的JavaScript代码（省略了部分代码）/This is a single-line comment sample/*This is a mu

9、lti-lines comment sampleWe dont have to use the / in front of the line*/编写第一个JavaScript程序从不兼容的浏览器中隐藏JavaScript由于浏览器版本和JavaScript版本有兼容性问题，所以可能导致某些JavaScript代码在一些浏览器版本中不能正确执行。 针对这类问题，开发人员可以使用HTML注释把JavaScript程序注释起来，这样不支持JavaScript的浏览器就不会把代码内容当作文本显示到页面上，而是把它们当作注释来看待，不会做任何操作。 如：编写第一个JavaScript程序从不兼容的浏览器

10、中隐藏JavaScript“”是注释的结束标志。另外，需要注意，最后一行是以JavaScript单行注释“/”开始的，它告诉JavaScript编译器忽略HTML注释的内容。Internet Explorer和Navigator也提供了一种关闭JavaScript语句的标记，这就是标记，在标记中间可以写入一些文本内容。这样，当遇到不支持JavaScript或者不希望执行JavaScript的浏览器时，就会直接显示标记中的文本内容。 编写第一个JavaScript程序调试JavaScript程序Microsoft脚本调试器是一款非常强大实用的脚本调试工具，可以实现暂停脚本、步进执行脚本、监视脚本

11、值和在命令窗口执行语句等功能，为开发人员调试程序提供了极大的方便。 JavaScript开发工具JavaScript中可以使用的开发工具主要有两大类，一类是基本的文本编辑工具，一类是专业可视化开发工具。 文本编辑工具是最基础的开发工具，也是使用比较广泛的工具，它也分成两种类型。第一种是Windows自带的记事本，这是一种纯文本工具，不提供对JavaScript语言特性的任何支持。第二种是UltraEdit和EditPlus等高级文本编辑工具，这类工具能够提供对很多语言元素的高亮显示等功能，方便读者开发。第二类开发人员经常使用的工具是可视化工具，常见的是Frontpage和Dreamweaver

12、。它们具有许多处理JavaScript特性的功能，例如代码自动生成、调试和语法敏感性编辑等 。JavaScript开发工具在IE6.0中调试JavaScript(1)打开IE6.0(2)工具“Internet选项”(3)选择“高级”选项卡，对IE进行高级设置脚本语言简介Perl和JavaScript等脚本语言代表一种与c或Java为代表的系统程序设计语言完全不同的编程形式。与系统程序设计语言相比，脚本语言是为不同的工作而设计，这导致了语言间的根本不同。系统程序设计语言起源于内存等最初期的计算机元素，它为建立数据结构和算法而创建。相反的，脚本语言为连接应用而设计：他们假设已经存在一套强大的组件，

13、而它主要是把组件连在一起。系统程序设计语言使用强类型定义来帮助处理复杂事务，而脚本语言使用无类型定义来简化组件间的联系，并提供快速应用开发。 与系统程序设计语言不同，脚本语言是可以“解释”的，指令语句由中间程序（即命令解释程序）顺序执行。解释过程降低了执行效率，但脚本语言简单易学并提供了强大的功能。 脚本语言简介除了JavaScript，目前流行的主要脚本语言还有VBScript、PHP、Perl、Python和Ruby等 Internet Explorer中默认的脚本语言就是VBScript。 PHP是嵌入HTML文件的一种脚本语言。它的语法大部分是从C，Java和Perl语言中借用而来，并

14、形成了自己的独有风格。 Perl是“Practical Extraction Report Language”的缩写，它填补了Unix外壳编程和C语言应用程序编程之间的空白。 Python是最近非常流行的一种脚本语言。 Ruby是Ruby On Rails目前Web开发领域非常流行的一个轻量级框架的实现语言。本章小结JavaScript是一种基于对象和事件驱动并具有安全性能的解释型脚本语言，用于开发交互式的Web页面。它不仅可以直接应用在HTML页面中以实现动态效果，也可以用在服务器端完成访问数据库、读取文件系统等操作。HTML是基于标记的文本，在其中嵌入JavaScript程序需要使用标记，并且把该标记的language属性值设为“javascript”，开发人员需要把JavaScript脚本写到和中间，这样当浏览器读取标记的时候，就会执行其中的代码。JavaScript脚本可以写到外部的.js文件中，然后通过src属性来引入。标记可以在不兼容JavaScript的浏览器中显示说明。能够开发