CHAP1(JavaScript).ppt

《CHAP1(JavaScript).ppt》由会员分享，可在线阅读，更多相关《CHAP1(JavaScript).ppt（25页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、高等学校计算机应用人才培养系列教材1.1JavaScriptJavaScript程序程序设计设计贾素玲贾素玲 王强王强 主编主编张剑张剑 曹爽曹爽 董亮董亮 编著编著 高等学校计算机应用人才培养系列教材1.2第一章第一章 JavaScript简介简介高等学校计算机应用人才培养系列教材1.3本章结构本章结构u什么是什么是JavaScriptu编写第一个编写第一个JavaScript程序程序uJavaScript开发工具开发工具u脚本语言简介脚本语言简介u小结小结u思考题思考题高等学校计算机应用人才培养系列教材1.4什么是什么是JavaScriptuJavaScript语言的定义语言的定义nJav

2、aScript是是一一种种解解释释型型脚脚本本语语言言（脚脚本本语语言言是是一一种种通通过浏览器的解释程序解释执行的程序设计语言。）过浏览器的解释程序解释执行的程序设计语言。）n基于对象和事件驱动并具有安全性能基于对象和事件驱动并具有安全性能n用于开发交互式的用于开发交互式的Web页面页面n不不仅仅可可以以直直接接应应用用在在HTML页页面面中中以以实实现现动动态态效效果果，也也可可以以用用在在服服务务器器端端完完成成访访问问数数据据库库、读读取取文文件件系系统统等操作。等操作。高等学校计算机应用人才培养系列教材1.5什么是什么是JavaScriptuJavaScript的发展历史的发展历史n

3、Netscape公公司司为为自自己己的的Navigator浏浏览览器器开开发发了了一一种种脚脚本本语语言言，叫叫做做LiveScript。在在随随后后的的Navigator 2.0版版本本中中，加加入入了了对对Java小小应应用用程程序序的的支支持持，并并将将其其更更名名为为JavaScript，这便是，这便是JavaScript语言的诞生。语言的诞生。n随随后后Microsoft公公司司在在Internet Explorer 3.0中中加加入入了了自自己己的的脚脚本本语语言言功功能能，与与Navigator 2.0中中的的JavaScript非非常常类类似似，并并取取名名为为Jscript，

4、还还在在IIS中中提提供供了了对对服服务务器器端端JavaScript的支持。的支持。n为为了了调调和和Netscape和和Microsoft之之间间的的分分歧歧，诞诞生生了了一一种国际标准化的种国际标准化的JavaScript版本，叫做版本，叫做ECMAScript。高等学校计算机应用人才培养系列教材1.6什么是什么是JavaScriptuJavaScript的特性和应用的特性和应用nJavaScript的特性的特性简单性：拥有简单的语法和开发过程简单性：拥有简单的语法和开发过程动态性：可以直接对用户输入做出响应，无须经过动态性：可以直接对用户输入做出响应，无须经过Web服务端程序处理服务端

5、程序处理 安安全全性性：不不允允许许访访问问本本地地磁磁盘盘系系统统，并并不不能能将将数数据据存存入入服服务务器器，不不允允许许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互 跨平台性：跨平台性：JavaScript依赖于浏览器本身运行，与操作环境无关依赖于浏览器本身运行，与操作环境无关nJavaScript的应用的应用与与HTML表单交互表单交互 对客户端事件进行处理对客户端事件进行处理 可对浏览器窗口进行简单的控制可对浏览器窗口进行简单的控制可以通过自带的可以通过自带的document对象操作对象操作HTML文档

6、的外观和内容文档的外观和内容 可以读写可以读写cookie高等学校计算机应用人才培养系列教材1.7什么是什么是JavaScriptuJavaScript的局限的局限n出出于于安安全全性性的的考考虑虑，JavaScript不不能能对对服服务务器器和和客客户户机机上的文件进行读写操作（上的文件进行读写操作（Cookie文件除外）文件除外）nJavaScript不能用于制作多用户程序不能用于制作多用户程序 nJavaScript不能用于对安全性认证的处理不能用于对安全性认证的处理 高等学校计算机应用人才培养系列教材1.8什么是什么是JavaScriptu JavaScript与与JavanJavaS

7、cript与与Java没没有有任任何何关关系系，它它们们是是两两种种完完全全不不同同的的程程序设计语言序设计语言nJava是是SUN公公司司开开发发的的一一种种需需要要编编译译的的高高级级面面向向对对象象语语言言，可可以以用用来来开开发发嵌嵌入入式式应应用用、桌桌面面应应用用和和Web应应用用等等各各种种程程序序，它比它比JavaScript要复杂的多要复杂的多n虽虽然然它它们们是是完完全全不不同同的的程程序序设设计计语语言言，但但是是如如果果把把Applet和和JavaScript结结合合起起来来使使用用，可可以以获获得得意意想想不不到到的的效效果果，这这是是因为它们的特性是互补的。因为它们

8、的特性是互补的。高等学校计算机应用人才培养系列教材1.9编编写第一个写第一个JavaScript程序程序u在在学学习习JavaScript编编程程之之前前，读读者者应应该该首首先先了了解解HTML代代码码的的基基本本结结构。例构。例1.1是一个显示是一个显示“Hello World！”字样的页面的源代码：字样的页面的源代码：n例例1.1 简单的简单的Hello World页面代码页面代码Hello World!Hello World!高等学校计算机应用人才培养系列教材1.10编编写第一个写第一个JavaScript程序程序u下面来看一下例下面来看一下例1.1的运行结果：的运行结果：高等学校计算

9、机应用人才培养系列教材1.11编编写第一个写第一个JavaScript程序程序u使用使用标记标记nHTML是是基基于于标标记记的的文文本本，同同样样，JavaScript的的代代码码也也要要放放置置在在特特定定的的标标记记里里面面才才会会起起作作用用。这这个个特特定定的的标标记记就就是是标标记记，只只有有写写在在这这个个标标记记里里面面的的JavaScript代码才会被识别。代码才会被识别。n在在目目前前的的版版本本中中，JavaScript标标记记对对大大小小写写不不敏敏感感，如如标记可以写成标记可以写成或者或者都行。都行。n使使用用标标记记的的时时候候需需要要为为它它定定义义languag

10、e属属性性，用来指定这个用来指定这个采用的是什么类型的脚本语言。采用的是什么类型的脚本语言。n下面的例下面的例1.2使用使用JavaScript弹出一个对话框。弹出一个对话框。高等学校计算机应用人才培养系列教材1.12编编写第一个写第一个JavaScript程序程序u例例1.2 通过通过JavaScript弹出弹出Hello World对话框对话框 Hello World!alert(Hello World!);高等学校计算机应用人才培养系列教材1.13编编写第一个写第一个JavaScript程序程序u下面来看一下例下面来看一下例1.2的运行结果：的运行结果：高等学校计算机应用人才培养系列教材

11、1.14编编写第一个写第一个JavaScript程序程序u使用使用JavaScript文件文件n如如果果JavaScript代代码码比比较较简简短短，可可以以直直接接放放在在HTML页页面面中中。但但如如果果代代码码非非常常多多，则则会会使使得得HTML代代码码看看起起来来非非常常凌凌乱乱，在在修修改改和和维维护护的的过过程程中中可可能能会会遇遇到到很很多多问问题题。另另外外，如如果果代代码码中中的的一一些些方方法法在在整整个个开开发发过过程程中中被被经经常常用用到到，则则需需要要把把它它们们拷拷贝贝到到每每个个页页面面中中，不不利于代码的复用。利于代码的复用。n这这个个时时候候就就需需要要把

12、把JavaScript代代码码写写到到一一个个单单独独的的文文件件中中，文文件件的的扩扩展展名名是是“.js”，这这样样开开发发人人员员可可以以在在标标记记中中通通过过src属属性性引引入入放放在在外外部部的的JavaScript文件。其作用与把代码直接写在页面里是一样的。文件。其作用与把代码直接写在页面里是一样的。高等学校计算机应用人才培养系列教材1.15编编写第一个写第一个JavaScript程序程序u给给JavaScript代码添加注释代码添加注释nJavaScript为为开开发发人人员员提提供供了了两两种种注注释释：单单行行注注释释和和多行注释。多行注释。n单单行行注注释释使使用用双双

13、斜斜线线“/”作作为为注注释释标标记记，将将“/”放放在在一一行行代代码码的的末末尾尾或或者者单单独独一一行行的的开开头头，它它后后面面的的内容就是注释部分。内容就是注释部分。n多多行行注注释释可可以以包包含含任任意意行行数数的的注注释释文文本本。多多行行注注释释以以“/*”标标记记开开始始，以以“*/”标标记记结结束束，中中间间的的所所有有内内容都为注释文本。容都为注释文本。高等学校计算机应用人才培养系列教材1.16编编写第一个写第一个JavaScript程序程序u例例1.3 添加了注释的添加了注释的JavaScript代码（省略了部分代码）代码（省略了部分代码）/This is a sin

14、gle-line comment sample/*This is a multi-lines comment sampleWe dont have to use the/in front of the line*/高等学校计算机应用人才培养系列教材1.17编编写第一个写第一个JavaScript程序程序u从不兼容的浏览器中隐藏从不兼容的浏览器中隐藏JavaScriptn由由于于浏浏览览器器版版本本和和JavaScript版版本本有有兼兼容容性性问问题题，所所以以可可能能导导致致某某些些JavaScript代代码码在在一一些些浏浏览览器器版版本本中中不不能能正确执行。正确执行。n针针对对这这类类

15、问问题题，开开发发人人员员可可以以使使用用HTML注注释释把把JavaScript程程序序注注释释起起来来，这这样样不不支支持持JavaScript的的浏浏览览器器就就不不会会把把代代码码内内容容当当作作文文本本显显示示到到页页面面上上，而而是是把它们当作注释来看待，不会做任何操作。把它们当作注释来看待，不会做任何操作。如：如：高等学校计算机应用人才培养系列教材1.18编编写第一个写第一个JavaScript程序程序u从不兼容的浏览器中隐藏从不兼容的浏览器中隐藏JavaScriptn“”是是注注释释的的结结束束标标志志。另另外外，需需要要注注意意，最最后后一一行行是是以以JavaScript单

16、单行行注注释释“/”开开始始的的，它它告告诉诉JavaScript编编译译器器忽忽略略HTML注释的内容。注释的内容。nInternet Explorer和和 Navigator也也 提提 供供 了了 一一 种种 关关 闭闭JavaScript语语句句的的标标记记，这这就就是是标标记记，在在标标记记中中间间可可以以写写入入一一些些文文本本内内容容。这这样样，当当遇遇到到不不支支持持JavaScript或或者者不不希希望望执执行行JavaScript的的浏浏览览器器时时，就会直接显示标记中的文本内容。就会直接显示标记中的文本内容。高等学校计算机应用人才培养系列教材1.19编编写第一个写第一个Ja

17、vaScript程序程序u调试调试JavaScript程序程序nMicrosoft脚脚本本调调试试器器是是一一款款非非常常强强大大实实用用的的脚脚本本调调试试工工具具，可可以以实实现现暂暂停停脚脚本本、步步进进执执行行脚脚本本、监监视视脚脚本本值值和和在在命命令令窗窗口口执执行行语语句句等等功功能能，为为开开发发人人员员调调试试程程序序提提供供了了极极大大的的方方便。便。高等学校计算机应用人才培养系列教材1.20JavaScript开发工具开发工具uJavaScript中中可可以以使使用用的的开开发发工工具具主主要要有有两两大大类类，一一类类是是基本的文本编辑工具，一类是专业可视化开发工具。基

18、本的文本编辑工具，一类是专业可视化开发工具。n文文本本编编辑辑工工具具是是最最基基础础的的开开发发工工具具，也也是是使使用用比比较较广广泛泛的的工工具具，它它也也分分成成两两种种类类型型。第第一一种种是是Windows自自带带的的记记事事本本，这这是是一一种种纯纯文文本本工工具具，不不提提供供对对JavaScript语语言言特特性性的的任任何何支支持持。第第二二种种是是UltraEdit和和EditPlus等等高高级级文文本本编编辑辑工工具具，这这类类工工具具能能够够提提供供对对很很多语言元素的高亮显示等功能，方便读者开发。多语言元素的高亮显示等功能，方便读者开发。n第第二二类类开开发发人人员

19、员经经常常使使用用的的工工具具是是可可视视化化工工具具，常常见见的的是是Frontpage和和Dreamweaver。它它们们具具有有许许多多处处理理JavaScript特特性性的的功功能能，例例如如代代码码自自动动生生成成、调调试试和和语语法敏感性编辑等法敏感性编辑等。高等学校计算机应用人才培养系列教材1.21JavaScript开发工具开发工具高等学校计算机应用人才培养系列教材1.22脚本语言简介脚本语言简介uPerl和和JavaScript等等脚脚本本语语言言代代表表一一种种与与c或或Java为为代代表表的的系系统统程序设计语言完全不同的编程形式。程序设计语言完全不同的编程形式。u与与系

20、系统统程程序序设设计计语语言言相相比比，脚脚本本语语言言是是为为不不同同的的工工作作而而设设计计，这这导导致致了了语语言言间间的的根根本本不不同同。系系统统程程序序设设计计语语言言起起源源于于内内存存等等最最初初期期的的计计算算机机元元素素，它它为为建建立立数数据据结结构构和和算算法法而而创创建建。相相反反的的，脚脚本本语语言言为为连连接接应应用用而而设设计计：他他们们假假设设已已经经存存在在一一套套强强大大的的组组件件，而而它它主主要要是是把把组组件件连连在在一一起起。系系统统程程序序设设计计语语言言使使用用强强类类型型定定义义来来帮帮助助处处理理复复杂杂事事务务，而而脚脚本本语语言言使使用

21、用无无类类型型定定义义来简化组件间的联系，并提供快速应用开发。来简化组件间的联系，并提供快速应用开发。u与与系系统统程程序序设设计计语语言言不不同同，脚脚本本语语言言是是可可以以“解解释释”的的，指指令令语语句句由由中中间间程程序序（即即命命令令解解释释程程序序）顺顺序序执执行行。解解释释过过程程降降低低了执行效率，但脚本语言简单易学并提供了强大的功能。了执行效率，但脚本语言简单易学并提供了强大的功能。高等学校计算机应用人才培养系列教材1.23脚本语言简介脚本语言简介u除除了了JavaScript，目目前前流流行行的的主主要要脚脚本本语语言言还还有有VBScript、PHP、Perl、Pyth

22、on和和Ruby等等 nInternet Explorer中默认的脚本语言就是中默认的脚本语言就是VBScript。nPHP是是嵌嵌入入HTML文文件件的的一一种种脚脚本本语语言言。它它的的语语法法大大部部分分是是从从C，Java和和Perl语语言言中中借借用用而而来来，并并形形成成了了自自己的独有风格。己的独有风格。nPerl是是“Practical Extraction Report Language”的的缩缩写写，它它填填补补了了Unix外外壳壳编编程程和和C语语言言应应用用程程序序编编程程之之间间的空白。的空白。nPython是最近非常流行的一种脚本语言。是最近非常流行的一种脚本语言。

23、nRuby是是Ruby On Rails目目前前Web开开发发领领域域非非常常流流行行的一个轻量级框架的实现语言。的一个轻量级框架的实现语言。高等学校计算机应用人才培养系列教材1.24本章小结本章小结uJavaScript是是一一种种基基于于对对象象和和事事件件驱驱动动并并具具有有安安全全性性能能的的解解释释型型脚脚本本语语言言，用用于于开开发发交交互互式式的的Web页页面面。它它不不仅仅可可以以直直接接应应用用在在HTML页页面面中中以以实实现现动动态态效效果果，也也可可以以用用在在服服务务器器端端完完成成访访问问数数据据库库、读读取取文文件系统等操作。件系统等操作。uHTML是是基基于于标

24、标记记的的文文本本，在在其其中中嵌嵌入入JavaScript程程序序需需要要使使用用标标 记记，并并 且且 把把 该该 标标 记记 的的 language属属 性性 值值 设设 为为“javascript”，开开发发人人员员需需要要把把JavaScript脚脚本本写写到到和和中中间间，这这样样当当浏浏览览器器读读取取标标记记的的时时候候，就就会会执执行其中的代码。行其中的代码。uJavaScript脚本可以写到外部的脚本可以写到外部的.js文件中，然后通过文件中，然后通过src属性来引入。属性来引入。u标记可以在不兼容标记可以在不兼容JavaScript的浏览器中显示说明。的浏览器中显示说明。

25、u能能够够开开发发JavaScript的的工工具具很很多多，既既可可以以使使用用基基本本的的文文本本编编辑辑工工具具，也可以使用专业可视化开发工具如也可以使用专业可视化开发工具如FrontPage和和Dreamweaver等。等。u目前流行的脚本语言还有目前流行的脚本语言还有VBScript、PHP、Perl、Python和和Ruby等。等。高等学校计算机应用人才培养系列教材1.25思考题思考题uJavaScript的定义和应用领域？的定义和应用领域？u如如何何通通过过标标记记在在HTML页页面面中中嵌嵌入入JavaScript代码？代码？u如何使用外部如何使用外部JavaScript文件？文件？u如何在不兼容的浏览器中隐藏如何在不兼容的浏览器中隐藏JavaScript？u能够开发能够开发JavaScript的工具有哪些？的工具有哪些？