JavaScript(第一讲)

单击此处编辑母版标题样式,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,JavaScript,主讲导师：周承林,联系电话：,13509431995,QQ:187132769,电子邮箱：,第一讲,:,JavaScript,语言概述,第一讲,:JavaScript,语言概述,JavaScript,是目前,Web,应用程序开发者使用最为广泛的客户端脚本编程语言，它不仅可用来开发交互式的,Web,页面，更重要的是它将,HTML,、,XML,和,Java applet,、,flash,等功能强大的,Web,对象有机结合起来，使开发人员能快捷生成,Internet,或,Intranet,上使用的分布式应用程序。另外由于,Windows,对其最为完善的支持并提供二次开发的接口来访问操作系统各组件并实施相应的管理功能，,JavaScript,成为继,.bat(,批处理文件,),以来,Windows,系统里使用最为广泛的脚本语言。,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,20,世纪,90,年代中期，大部分因特网用户使用,28.8kbit/s,的,Modem,连接到网络进行网上冲浪，为解决网页功能简单的问题，,HTML,文档已经变得越来越复杂和庞大，更让用户痛苦的是，为验证个表单的有效性，客户端必须与服务器端进行多次的数据交互。难以想象这样的情景：当用户填完表单并单击鼠标提交后，经过漫长的几十秒等待，服务器端返回的不是“提交成功”的喜悦，却是“某某字段必须为阿拉伯数字，请单击按钮返回上一个页面重新填写表单,”,的错误提示！当时业界已开始考虑开发一种客户端脚本语言，用于解决如表单有效性验证等简单而实用的问题。,第一讲,:JavaScript,语言概述,JavaScript,是一种基于对象和事件驱动的客户端脚本语,言，并具有相对的安全性，主要用于创建具有交互性较,强的动态页面。其主要特点如下：,基于对象：,JavaScript,是基于对象的脚本编程语言，能,通过,DOM,（文档结构模型）及自身提供的对象和操作方,法来实现所需的功能。,事件驱动：,JavaScript,采用事件驱动方式，能晌应键,盘、鼠标及浏览器窗口事件等，并执行指定操作。,第一讲,:JavaScript,语言概述,JavaScript,脚本由于其效率高、功能强大等特点，在表单数据合法性验证、网页特效、交互式菜单、动态页面、数值计算等方面获得了广泛的应用，甚至出现了完全使用,JavaScript,编写的基于,Web,浏览器的类,Unix,操作系统,JS/UIX,以及无需安装即可使用的中文输入法程序,Justlnput,，可见,JavaScript,脚本编程能力不容小视。,下面仅介绍,JavaScript,常用功功能。,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,JavaScript,脚本将数据类型作为对象，并提供,丰富的操作方法使得,JavaScript,用于数值计,算。,JavaScript,脚本的应用远非如此，,Web,应用程序,开发者能将其与,XML,有机结合，并嵌入,Java,applet,和,flash,等小插件，就能实现,功能强大,;,并,集可视性、动态性和交互性于一体的,HTML,网,页，吸引更多的客户来浏览该网站,第一讲,:JavaScript,语言概述,在Web应用程序开发领域，JavaScript脚本已成,为一门炙手可热的语言，为客户端脚本的首,选。网络上充斥着形态各异的JavaScript脚本,并实现不同的功能，但用户也许并不了解,JavaScript脚本是如何被浏览器中解释,执行,的，更不知如何开始编写自己的,JavaScript,脚,本来实现自己想要实现的效果。本节,将一步,步,带领,大家,踏入JavaScript脚本语言编,程的大门。,第一讲,:JavaScript,语言概述,像学习,C,、,Java,等其他语言一样，先来看看使用,JavaScript,脚本语言编写的“,Flello,World!”,程,序：,JavaScript,脚本编程一般分为如下步骤：,选择,JavaScript,语言编辑器编辑脚本代码；,嵌入该,JavaScript,脚本代码到,HTML,文档中；,选择支持,JavaScript,的浏览器浏览该,HTML,文档：,第一讲,:JavaScript,语言概述,编写,JavaScript,脚本代码可以选择普通的文本编,器，如,Notepad,、记事本等，只要所选编辑器能将所,编辑的代码最终保存为,HTML,文档类型（,.,htm,、,Html,等）即可。,虽然,Dreamweaver,、,Microsoft FrontPage,等专业网页开,发工具套件内部集成了,JavaScript,脚本的开发环境，但,依然建议大家在起步阶段使用最基本的文本编辑器,如,NotePad,、记事本等进行开发，以便把注意力放在,JavaScript,脚本语言而不是开发环境上。,第一讲,:JavaScript,语言概述,可以通过多种方式将,JavaScript,脚本代码嵌入,到目标,HTML,文档中，总的来说，有如下,4,种标准,方法,：,代码包含于,和,标记对，然后,嵌入到,HTML,文档中；,通过,标记的,src,属性链接外部的,JavaScript,脚本文件,；,通过,JavaScript,伪,URL,地址引入,；,通过,HTML,文档事件处理程序引入。,第一讲,:JavaScript,语言概述,源代码,1.1,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,源代码,1.2,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,JavaScript,脚本在客户端由浏览器解释执行并,将结果更新目标页面，由于各浏览器厂商对,JavaScript,版本的支持不尽相同，浏览器的版,本也对,JavaScript,脚本的支持有很大影响，所,以编写代码时一定要考虑合适的浏览器之间的,兼容性，重点在于编写符合,JavaScript,标准,代码以适应目标浏览器。,第一讲,:JavaScript,语言概述,浏览器版本,JavaScript,版本,Netscape Navigator 2.x,1.0,Netscape Navigator 3.x,1.1,Netscape Navigator 4.0-4.05,1.2,Netscape Navigator 4.06-4.08,，,4.5x,，,4.6x,，,4.7x,1.3,Netscape Navigator 6.0+,1.5,Internet Explorer 3.0,JScript,1.0,Internet Explorer 4.0,JScript,3.0,Internet Explorer 5.0,JScript,5.0,Internet Explorer 5.5,JScript,5.5,Internet Explorer 6.0+,JScript,5.6,表,1.2,浏览器版本与其支持的,JavaScript,版本之间的关系表,第一讲,:JavaScript,语言概述,客户端浏览器不支持当前,JavaScript,脚本存在,如下几种可能。,客户端浏览器不支持任何,JavaScript,脚本。,客户端浏览器支持的,JavaScript,脚本版本与该,脚本代码使用的版本所支持的对象、属性和方,法不同。,客户端为了安全起见，已经将浏览器对,JavaScript,脚本的支持设置为禁止。,第一讲,:JavaScript,语言概述,第一讲,:JavaScript,语言概述,该方法在浏览器不支持该脚本代码或者浏览器,对,JavaScript,脚本的支持已设置为禁止的情况,下，忽略,和,标记对之间脚本,代码，返回,和,标记对中,预设的页面提示信息；如果支持该脚本代,码则,解释执行,和,标记,对之间脚本,代码，而忽略,和,标记,对,之间预设的页面提示信息。这种方法,比第一,种方法更人性化,。,第一讲,:JavaScript,语言概述,/,脚本代码,/,提示信息,第一讲,:JavaScript,语言概述,前面已经描述过，,ECMAScript,是,JavaScript,脚本的基,石，但并不是使用,JavaScript,脚本开发过程中应,唯一特,别值得关注的部分。实际,上,一个完整的,JavaScript,脚本实现应包含如下,几部分。,ECMAScript,核心：为不,同的宿主环境提供核心的脚本能力；,DOM,（文档对象模型）：规定了访问,HTML,和,xml,的应用,程,序接口,；,BOM,（浏览器对象模型）：提供了独立于,内容而在浏览,器窗口之间进行交互的对象和方法,。,第一讲,:JavaScript,语言概述,ECMAScript规定了能适应于各种宿主环境的脚,本核心语法规则，关于ECMAScript语言，ECMA,262标准描述如下：,”,ECMAScript,可以为不同种类的宿主环境提供核,心的脚本编程能力，因此核心的脚本语言是与任,何特定的宿主环境分开进行规定的,”,ECMAScript,并不附属于任何浏览器，事实上，,Web,浏览 器只是其中一种宿主环境，但并不唯一。在其发展史上有很多宿主环境，如,Microsoft,的,WSH,、,Micromedia,的,ActionScript,、,Nombas,的,ScriptBase,和,Yahool,!,的,Widget,引擎等都可以容纳,ECMAScript,实现。,第一讲,:JavaScript,语言概述,DOM,定义了,JavaScript,可以进行操作的文档的各个功能部件的接口，提供访问文档各个功能部件（如,document,、,form,、,textarea,等）的途径以及操作方法。,在浏览器载入文档（,HTML,或,XML,）时，根据其支持的,DOM,规范级别将整个文档规划成由节点层级构成的节点树，文档中每个部分都是一个节点，然后依据节点树层级同时根据目标节点的某个属性搜索到目标节点后，调用节点的相关处理方法进行处理，完成定位到处理的整个过程。,第一讲,:JavaScript,语言概述,先看下面简单的,HTML,代码：,第一讲,:JavaScript,语言概述,浏览器载入该文档后，根据,DOM,中定义的结构，将其下图 所示的节点树形式表示出来。,第一讲,:JavaScript,语言概述,BOM,定义了,JavaScript,可以进行操作的浏览器的各个功能部件的接口，提供访问文档各个功能部件（如窗口本身、屏幕功能部件、浏览历史记录等）的途径以及操作方法。遗憾的是，,BOM,只是,JavaScript,脚本实现的一部分，没有任何相关的标准，每种浏览器都有自己的,BOM,实现，这可以说是,BOM,的软肋所在。,三、本讲知识讲解,通常情况下浏览器特定的,JavaScript,扩展都被看作,BOM,的一部分，主要包括：,关闭、移动浏览器及调整浏览器窗口大小；,弹出新的浏览器窗口；,提供浏览器详细信息的定位对象；,提供载入到浏览器窗口的文档详细信息的定位对象；,提供用户屏幕分辨率详细信息的屏幕对象；,提供对,cookie,的支