第1章JavaScript基础.ppt
《第1章JavaScript基础.ppt》由会员分享,可在线阅读,更多相关《第1章JavaScript基础.ppt(46页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第第1章章 JavaScript基基础础1.1 脚本语言的介绍脚本语言的介绍lJavaScript是脚本语言的一种,在本节里将是脚本语言的一种,在本节里将会介绍什么是脚本语言、常用的脚本语言有哪会介绍什么是脚本语言、常用的脚本语言有哪些,以及这些脚本语言之间的区别。些,以及这些脚本语言之间的区别。21.1.1 什么是脚本语言什么是脚本语言l脚本语言(脚本语言(Scripting Language)是一种简)是一种简单的程序,这些程序是由一些单的程序,这些程序是由一些ASCII字符构成,字符构成,可以使用任何一种文本编辑器来编写。以往的可以使用任何一种文本编辑器来编写。以往的一些程序语言(如一些
2、程序语言(如C、C+、Java等)都必须等)都必须经过编译,将源代码编译成二进制的可执行文经过编译,将源代码编译成二进制的可执行文件之后才能运行,而脚本语言不需要事先编译,件之后才能运行,而脚本语言不需要事先编译,只要有一个与其相适应的解释器只要有一个与其相适应的解释器(Interpreter)就可以执行。)就可以执行。31.1.2 脚本语言的分类脚本语言的分类l脚本语言可以简单地分为两类:服务器端脚本脚本语言可以简单地分为两类:服务器端脚本语言和客户端脚本语言。语言和客户端脚本语言。l顾名思义,服务器端脚本语言就是在服务器上顾名思义,服务器端脚本语言就是在服务器上执行的脚本语言。常用的服务器
3、端脚本语言有执行的脚本语言。常用的服务器端脚本语言有ASP、JSP、PHP等。使用服务器端脚本,大等。使用服务器端脚本,大多数执行过程都在服务器上完成,服务器将运多数执行过程都在服务器上完成,服务器将运行后的结果返回给客户端。因此,服务器端脚行后的结果返回给客户端。因此,服务器端脚本语言对服务器端的要求比较高,而对客户端本语言对服务器端的要求比较高,而对客户端的要求相对而言就比较低了。的要求相对而言就比较低了。41.1.3 什么是什么是JavaScriptlJavaScript最早是由网景公司开发出来的一种最早是由网景公司开发出来的一种跨平台的、面向对象的脚本语言。最初这种脚跨平台的、面向对象
4、的脚本语言。最初这种脚本语言只能在网景公司的浏览器本语言只能在网景公司的浏览器Netscape中使用。为了抢占浏览器市场,微软在其中使用。为了抢占浏览器市场,微软在其Internet Explorer浏览器里也加入了对浏览器里也加入了对JavaScript的支持,从此的支持,从此JavaScript得到了广得到了广泛的支持。目前几乎所有的主流浏览器都支持泛的支持。目前几乎所有的主流浏览器都支持JavaScript。5lJavaScript 是属于客户端的脚本语言。是属于客户端的脚本语言。JavaScript 被数百万计的网页用来改进设计、验被数百万计的网页用来改进设计、验证表单、检测浏览器、创
5、建证表单、检测浏览器、创建cookies,以及更多的,以及更多的应用。应用。JavaScript 是因特网上最流行的脚本语言。是因特网上最流行的脚本语言。lJavaScript 可在所有主要的浏览器中运行,比可在所有主要的浏览器中运行,比方说方说 Internet Explorer、Mozilla、Firefox、Netscape、和、和 Opera。6什么是什么是 JavaScript?lJavaScript 被设计用来向被设计用来向 HTML 页面添加交互页面添加交互行为。行为。lJavaScript 是一种脚本语言(脚本语言是一种轻是一种脚本语言(脚本语言是一种轻量级的编程语言)。量级的
6、编程语言)。lJavaScript 由数行可执行计算机代码组成。由数行可执行计算机代码组成。lJavaScript 通常被直接嵌入通常被直接嵌入 HTML 页面。页面。lJavaScript 是一种解释性语言(就是说,代码执是一种解释性语言(就是说,代码执行不进行预编译)。行不进行预编译)。7lJava 和和 JavaScript 是相同的吗?是相同的吗?l 在概念和设计方面,在概念和设计方面,Java 和和 JavaScript 是两种完全不同的是两种完全不同的语言。语言。JavaScript是是Netscape公司的产品,其目的是为了扩展公司的产品,其目的是为了扩展Navigator功能,
7、而开发的一种可以嵌入功能,而开发的一种可以嵌入Web页面中的基于对象页面中的基于对象和事件驱动的解释性语言;而和事件驱动的解释性语言;而Java是是SUN公司推出的面向对象公司推出的面向对象的程序设计语言。的程序设计语言。l JavaScript是基于对象的,它是一种脚本语言,是一种基于是基于对象的,它是一种脚本语言,是一种基于对象和事件驱动的语言,它本身提供了非常丰富的内部对象供设对象和事件驱动的语言,它本身提供了非常丰富的内部对象供设计人员使用。而计人员使用。而Java是面向对象的,是一种真正的面向对象的是面向对象的,是一种真正的面向对象的语言,即使是开发简单的程序也必须设计对象。语言,即
8、使是开发简单的程序也必须设计对象。l JavaScript与与Java在浏览器中所执行的方式不一样。在浏览器中所执行的方式不一样。JavaScript是一种解释性语言,其源代码在发往客户端执行之是一种解释性语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户,即前不需经过编译,而是将文本格式的字符代码发送给客户,即JavaScript语句本身随语句本身随Web页面一起下载下来,由浏览器解释页面一起下载下来,由浏览器解释执行。而执行。而Java的源代码在传递到客户端执行之前,必须经过编的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真
9、器或解释器,它可译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码。以通过编译器或解释器实现独立于某个特定的平台编译代码。81.2 JavaScript的作用的作用lJavaScript虽然只是一种客户端的脚本语言,虽然只是一种客户端的脚本语言,但是功能却十分强大。但是功能却十分强大。9lJavaScript 能做什么?能做什么?lJavaScript 为为HTML设计师提供了一种编程工具。设计师提供了一种编程工具。lJavaScript 是一种只拥有极其简单的语法的脚本语是一种只拥有极其简单的语法的脚本语言言lJavaScript 可
10、以将动态的文本放入可以将动态的文本放入 HTML 页面页面lJavaScript 可以对事件作出响应可以对事件作出响应 lJavaScript 可被用来验证数据在数据被提交到服务器之可被用来验证数据在数据被提交到服务器之前,前,JavaScript 可被用来验证这些数据。可被用来验证这些数据。lJavaScript 可被用来检测访问者的浏览器可被用来检测访问者的浏览器 lJavaScript 可被用来检测访问者的浏览器,并根据所检可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。测到的浏览器,为这个浏览器载入相应的页面。lJavaScript 可被用来创建可被用来
11、创建 cookies lJavaScript 可被用来存储和取回位于访问者的计算机中可被用来存储和取回位于访问者的计算机中的信息。的信息。101.3 浏览器对浏览器对JavaScript的支持的支持l目前在市场上使用得比较多的浏览器包括微软目前在市场上使用得比较多的浏览器包括微软公司的公司的Internet Explorer浏览器(简称为浏览器(简称为IE浏浏览器)、网景公司的览器)、网景公司的Netscape浏览器、浏览器、Opera公司的公司的Opera浏览器、浏览器、Mozilla公司的公司的FireFox浏览器等等,都支持浏览器等等,都支持JavaScript。但。但是,不同的浏览器对
12、是,不同的浏览器对JavaScript的支持都有所的支持都有所不同不同.111.4 面向对象的语言面向对象的语言l在最初的程序设计中,所有的关系都是用变量在最初的程序设计中,所有的关系都是用变量或表达式来构成,程序员常常很难弄清楚每个或表达式来构成,程序员常常很难弄清楚每个变量或表达式之间的关系,直到面向对象的概变量或表达式之间的关系,直到面向对象的概念出现。念出现。JavaScript也是一种面向对象的语言。也是一种面向对象的语言。121.4.1 面向对象介绍面向对象介绍l所谓对象,实际上就是一个事先定义好的程序所谓对象,实际上就是一个事先定义好的程序模块,在程序模块中定义好变量或表达式之间
13、模块,在程序模块中定义好变量或表达式之间的关系,程序员可以直接使用这些关系来设计的关系,程序员可以直接使用这些关系来设计自己的程序。自己的程序。131.4.2 对象的操作对象的操作l在在JavaScript中已经预定义好了很多对象,程中已经预定义好了很多对象,程序员可以直接使用这些对象。对象都是使用序员可以直接使用这些对象。对象都是使用new运算符来定义的,例如使用一个日期对象,运算符来定义的,例如使用一个日期对象,可以使用以下语句来定义一个新的日期对象:可以使用以下语句来定义一个新的日期对象:lvar d=new Date();var d=new Date(July 4,1976);var
14、d=new Date(7,4,1976);var d=new Date(7,4,1976,12,00,00);141.4.3 类、对象与对象实例类、对象与对象实例l虽然虽然JavaScript被称为被称为“面向对象面向对象”的语言,的语言,但是在但是在JavaScript中并没有正式的中并没有正式的“类类”的概的概念,这一点与其他面向对象的程序设计语言有念,这一点与其他面向对象的程序设计语言有所不同。简单一点说,类是指一个分类,例如所不同。简单一点说,类是指一个分类,例如汽车、动物都是一个类。而在汽车类中的卡车、汽车、动物都是一个类。而在汽车类中的卡车、公共汽车、货车等,这些都是对象。同样在动
15、公共汽车、货车等,这些都是对象。同样在动物类中,猪、狗、猫等,也都是对象。物类中,猪、狗、猫等,也都是对象。151.5 JavaScript编辑器编辑器lJavaScript是嵌入是嵌入HTML中的一段程序代码,中的一段程序代码,因此,只要能编辑因此,只要能编辑HTML的编辑器,都可以编的编辑器,都可以编辑辑JavaScript。161.5.1 记事本记事本l记事本是最简单的文本编辑器,就是因为简单,记事本是最简单的文本编辑器,就是因为简单,除了做些简单的文字处理之外,就没有其他功除了做些简单的文字处理之外,就没有其他功能了。如果使用记事本来编辑能了。如果使用记事本来编辑JavaScript,
16、需,需要对要对JavaScript的语法、对象等都比较熟悉。的语法、对象等都比较熟悉。不过也因为记事本比较简单,打开速度快,使不过也因为记事本比较简单,打开速度快,使用方便,常常用来做局部的修改。用方便,常常用来做局部的修改。171.5.2 1st JavaScript Editorl1st JavaScript Editor是一个很好的是一个很好的JavaScript编辑软件,有着十分丰富的编辑功编辑软件,有着十分丰富的编辑功能,可以显示正确的语法代码,还有十分出色能,可以显示正确的语法代码,还有十分出色的提示功能。在输入代码时可以弹出代码提示,的提示功能。在输入代码时可以弹出代码提示,除了
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第1章 JavaScript基础 JavaScript 基础
限制150内