JavaScript程序设计课件：第一章 JavaScript简介

1、JavaScript程序设计,第一章 JavaScript简介,本章结构,什么是JavaScript 编写第一个JavaScript程序 JavaScript开发工具 脚本语言简介 小结 思考题,什么是JavaScript,JavaScript语言的定义 JavaScript是一种解释型脚本语言（脚本语言是一种通过浏览器的解释程序解释执行的程序设计语言。） 基于对象和事件驱动并具有安全性能 用于开发交互式的Web页面 不仅可以直接应用在HTML页面中以实现动态效果，也可以用在服务器端完成访问数据库、读取文件系统等操作。,什么是JavaScript,JavaScript的发展历史 Netscap

2、e公司为自己的Navigator浏览器开发了一种脚本语言，叫做LiveScript。在随后的Navigator 2.0版本中，加入了对Java小应用程序的支持，并将其更名为JavaScript，这便是JavaScript语言的诞生。 随后Microsoft公司在Internet Explorer 3.0中加入了自己的脚本语言功能，与Navigator 2.0中的JavaScript非常类似，并取名为Jscript，还在IIS中提供了对服务器端JavaScript的支持。 为了调和Netscape和Microsoft之间的分歧，诞生了一种国际标准化的JavaScript版本，叫做ECMAScri

3、pt。,什么是JavaScript,JavaScript的特性和应用 JavaScript的特性 简单性：拥有简单的语法和开发过程 动态性：可以直接对用户输入做出响应，无须经过Web服务端程序处理 安全性：不允许访问本地磁盘系统，并不能将数据存入服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互 跨平台性：JavaScript依赖于浏览器本身运行，与操作环境无关 JavaScript的应用 与HTML表单交互 对客户端事件进行处理 可对浏览器窗口进行简单的控制 可以通过自带的document对象操作HTML文档的外观和内容 可以读写cookie,什么是JavaScri

4、pt,JavaScript的局限 出于安全性的考虑，JavaScript不能对服务器和客户机上的文件进行读写操作（Cookie文件除外） JavaScript不能用于制作多用户程序 JavaScript不能用于对安全性认证的处理,什么是JavaScript,JavaScript与Java JavaScript与Java没有任何关系，它们是两种完全不同的程序设计语言 Java是SUN公司开发的一种需要编译的高级面向对象语言，可以用来开发嵌入式应用、桌面应用和Web应用等各种程序，它比JavaScript要复杂的多 虽然它们是完全不同的程序设计语言，但是如果把Applet和JavaScript结合

5、起来使用，可以获得意想不到的效果，这是因为它们的特性是互补的。,编写第一个JavaScript程序,在学习JavaScript编程之前，读者应该首先了解HTML代码的基本结构。例1.1是一个显示“Hello World！”字样的页面的源代码： 例1.1 简单的Hello World页面代码 Hello World! Hello World! ,编写第一个JavaScript程序,下面来看一下例1.1的运行结果：,编写第一个JavaScript程序,使用标记 HTML是基于标记的文本，同样，JavaScript的代码也要放置在特定的标记里面才会起作用。这个特定的标记就是标记，只有写在这个标记里面

6、的JavaScript代码才会被识别。 在目前的版本中，JavaScript标记对大小写不敏感，如标记可以写成或者都行。 使用标记的时候需要为它定义language属性，用来指定这个采用的是什么类型的脚本语言。 下面的例1.2使用JavaScript弹出一个对话框。,编写第一个JavaScript程序,例1.2 通过JavaScript弹出Hello World对话框 Hello World! alert(Hello World!); ,编写第一个JavaScript程序,下面来看一下例1.2的运行结果：,编写第一个JavaScript程序,使用JavaScript文件 如果JavaScrip

7、t代码比较简短，可以直接放在HTML页面中。但如果代码非常多，则会使得HTML代码看起来非常凌乱，在修改和维护的过程中可能会遇到很多问题。另外，如果代码中的一些方法在整个开发过程中被经常用到，则需要把它们拷贝到每个页面中，不利于代码的复用。 这个时候就需要把JavaScript代码写到一个单独的文件中，文件的扩展名是“.js”，这样开发人员可以在标记中通过src属性引入放在外部的JavaScript文件。其作用与把代码直接写在页面里是一样的。,编写第一个JavaScript程序,给JavaScript代码添加注释 JavaScript为开发人员提供了两种注释：单行注释和多行注释。 单行注释使用

8、双斜线“/”作为注释标记，将“/”放在一行代码的末尾或者单独一行的开头，它后面的内容就是注释部分。 多行注释可以包含任意行数的注释文本。多行注释以“/*”标记开始，以“*/”标记结束，中间的所有内容都为注释文本。,编写第一个JavaScript程序,例1.3 添加了注释的JavaScript代码（省略了部分代码） /This is a single-line comment sample /* This is a multi-lines comment sample We dont have to use the / in front of the line */ ,编写第一个JavaScri

9、pt程序,从不兼容的浏览器中隐藏JavaScript 由于浏览器版本和JavaScript版本有兼容性问题，所以可能导致某些JavaScript代码在一些浏览器版本中不能正确执行。 针对这类问题，开发人员可以使用HTML注释把JavaScript程序注释起来，这样不支持JavaScript的浏览器就不会把代码内容当作文本显示到页面上，而是把它们当作注释来看待，不会做任何操作。 如： ,编写第一个JavaScript程序,从不兼容的浏览器中隐藏JavaScript “”是注释的结束标志。另外，需要注意，最后一行是以JavaScript单行注释“/”开始的，它告诉JavaScript编译器忽略HT

10、ML注释的内容。 Internet Explorer和Navigator也提供了一种关闭JavaScript语句的标记，这就是标记，在标记中间可以写入一些文本内容。这样，当遇到不支持JavaScript或者不希望执行JavaScript的浏览器时，就会直接显示标记中的文本内容。,编写第一个JavaScript程序,调试JavaScript程序 Microsoft脚本调试器是一款非常强大实用的脚本调试工具，可以实现暂停脚本、步进执行脚本、监视脚本值和在命令窗口执行语句等功能，为开发人员调试程序提供了极大的方便。,JavaScript开发工具,JavaScript中可以使用的开发工具主要有两大类，

11、一类是基本的文本编辑工具，一类是专业可视化开发工具。 文本编辑工具是最基础的开发工具，也是使用比较广泛的工具，它也分成两种类型。第一种是Windows自带的记事本，这是一种纯文本工具，不提供对JavaScript语言特性的任何支持。第二种是UltraEdit和EditPlus等高级文本编辑工具，这类工具能够提供对很多语言元素的高亮显示等功能，方便读者开发。 第二类开发人员经常使用的工具是可视化工具，常见的是Frontpage和Dreamweaver。它们具有许多处理JavaScript特性的功能，例如代码自动生成、调试和语法敏感性编辑等 。,JavaScript开发工具,在IE6.0中调试Ja

12、vaScript,(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语言中借用而来，并形成了自己的独有风格。 Perl是“Practical Extraction Report Language”的缩写，它填补了Un

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