第四章+JavaScript+语言_1_

第四章JavaScript基础知识前言:Web中的静态和动态网页早期的网页完全使用HTML编制，此类网页不会随着时间、场合等其他因素而变化，被称为“静态网页”。随着Web技术的发展，单一的HTML已经不能满足网页制作的要求。例如，如果用户要求服务器发布其机器内部的时间信息，仅使用HTML无法完成这种要求。需要使用程序语言来把“静态”的HTML网页，变成“动态”的HTML网页。Browser执行程序Browser解读网页Server执行程序静态网页工作模式动态网页工作模式（1）动态网页工作模式（2）WebServer下载网页WebServer下载程序WebServer下载结果静态网页和动态网页工作形态示意(a)(b)(c)Web中动态网页工作模式:动态网页的工作模式有两种，一种是将程序代码镶嵌在HTML网页中，下载到用户浏览器中，由用户浏览器进程对下载的代码进行解读和执行后，将执行结果显示在浏览器屏幕上。另一种工作模式是由服务器执行镶嵌在HTML网页中的程序，并将解释的结果发布到网络上，由用户浏览器并将结果在屏幕上展示。Browser执行程序Browser解读网页Server执行程序静态网页工作模式动态网页工作模式（1）动态网页工作模式（2）WebServer下载网页WebServer下载程序WebServer下载结果静态网页和动态网页工作形态示意(a)(b)(c)Web中动态网页一种模式:将程序代码镶嵌在HTML网页中由浏览器解释执行这类动态网页实现的语言之一就是JavaScript,它是一种嵌入在HTML文档中的脚本语言，弥补了HTML语言交互功能差、控制呆板单调的缺陷。如：JavaScript可以对浏览器和用户的交互进行控制，如对单击鼠标和键盘操作等用户输入信息作出反应。可以访问和修改HTML文档中任何元素的CSS属性和内容，能够使得形式上的静态文本具有高度的动态性。Web中的动态网页的另一种工作模式：服务器执行镶嵌在HTML网页中的程序，并将解释的结果发布到浏览器上目前，比较流行的服务器端动态网页程序设计语言有JSP、ASP、PHP等。特点:1、主要支持文件操作，数据库访问，网络连接等功能。2、与浏览器无关3、高可靠性，减轻客户端的负担4、较为简单方便学习第一节JavaScript概述（4.1）JavaScript的历史JavaScript语言和Java语言什么是JavaScript及用途JavaScript组成部分JavaScript历史最初的时候，Netscape公司计划推出的语言名称是LiveScript，1995年，Netscape和SunMicrosystem推出新版本并将其更名为JavaScript。最初的JavaScript版本是JavaScript1.0，并能在Navigator2.0上运行20世纪九十年代末，欧洲计算机厂商协会（EuropeanComputerManufacturersAssociation）发布了JavaScript标准（JavaScript1.1），亦称ECMAScript，ISO-16262。目前，JavaScript已经发展到了JavaScript1.5，它也和ECMA-262的V3完全兼容。InternetExplorer6.0（JScript）和Navigator7.0都能够支持ECMAScript的标准。不同的是，两种浏览器都在ECMAScript的基础上加入了许多自己的内容，所以它们对于JavaScript仍然不能完全兼容，特别在于文档对象模型(DOM)方面。第一节JavaScript概述JavaScript的历史JavaScript语言和Java语言什么是JavaScript及用途JavaScript组成部分JavaScript语言和Java语言比较（1）JavaScript语言与Java语言之间虽然从字面上来讲，似乎关系密切，它们完全是两种不同的语言。首先，JavaScript是Netscape公司的产品，而Java是Sun公司的产品。Java是一种面向对象的编程语言，支持面向对象编程，是一种强类型的语言，语法十分严谨，变量必须进行声明指定其数据类型。必须进行编译。JavaScript语言和Java语言比较（2）和java相比JavaScript是一种基于对象的解释型脚本语言：它将源代码直接写入HTML页面中，并不需要预先的编译工作，当浏览器将HTML文本下载下来后，由浏览器进行解释执行。JavaScript是一种弱类型的语言，相对而言，JavaScript的语法要自由得多。在JavaScript中，变量不一定要进行声明，在声明中也不需要指定其数据类型。而且，JavaScript也不进行强制类型检查，在Java和JavaScript中同样都要使用到对象，但Java是一种基于类(class)的语言，在Java编程时需要先定义类，定义类的属性和方法，在使用时必须创建类的实例。而JavaScript是一种基于原型(prototype)的语言，编程时并不区分类和实例，在使用对象时，也不需要关心对象的所有属性和方法。第一节JavaScript概述JavaScript的历史JavaScript语言和Java语言什么是JavaScript及用途JavaScript组成部分什么是JavaScriptJavaScript是一种脚本语言，可以直接嵌入到HTML文档中，javascript代码的集合称为脚本。一个HTML文档可以包含任意数量的嵌入式脚本。浏览器能够理解其中的JavaScript脚本，并对这些JavaScript脚本进行解释执行。由于JavaScript是在浏览器中解释执行的，所以JavaScript具有平台无关性。JavaScript的用途（1）JavaScript是一种功能强大的语言，它可以和HTML页面完美地结合在一起，JavaScript提供了许多内置的对象和浏览器的对象，运用JavaScript可以控制HTML页面，并对页面中某些鼠标与键盘输入等事件作出响应。可以完成一些本来是通过服务器完成的编程任务。减轻服务器的负载压力。可以作为Javaapplet的替代。JavaScript的用途（2）具体来说：1.创建生动的用户界面:控制文档的外观和内容既保持页面的美观，又使页面变得生动活泼。2.数据有效性验证工作JavaScript能够实现在客户端进行一次数据有效性验证。不论是遗漏了某些数据，还是填入了无效数据，都可以在表单提交前检验出来，立即反馈给用户，而不将无效的数据发往服务器。3.数据查找在数据量不大的情况下，运用JavaScript可以将数据存放在页面中，用户填入关键词后并不送往服务器，而是在客户端直接进行查找，然后直接在客户端将检索结果反馈给用户。第一节JavaScript概述JavaScript的历史JavaScript语言和Java语言什么是JavaScript及用途JavaScript组成部分JavaScript组成部分JavaScript是Netscape公司提出的一种跨平台的、基于对象的脚本语言。在JavaScript语言中分为三个部分：JavaScript核心语言JavaScript客户端扩展JavaScript服务器端扩展。1.JavaScript核心语言是语言的核心，定义的是在客户端和服务器端都会用到的基本的语法。核心语言部分已经相当成熟。在ECMA-262（ISO-16262）规范中进行了详细的描述，在JavaScript核心语言部分中包括了JavaScript的基本语法：操作符表达式语句函数JavaScript内置的对象——Array对象、Date对象和Math对象。2.JavaScript客户端扩展在客户端应用的JavaScript是一组对象的集合，这就是JavaScript在核心语言的基础上扩展了控制浏览器和文档对象模型DOM(DocumentObjectModel)。利用这组对象可以对浏览器，html文档中元素的内容与CSS属性，用户交互（鼠标和键盘等输入信息作出反应）这样，JavaScript在客户端编写的脚本中，就可以对页面上的对象进行控制。对于JavaScript客户端扩展部分的标准化还不是很完善，Navigator和InternetExplorer浏览器对客户端JavaScript的支持还有一定的差异,特别是文档对象模型.3.JavaScript服务器端扩展在服务器端运行的JavaScript在核心语言的基础上扩展了在服务器上运行需要的一组对象的集合。这些对象可以应用于Web服务器编程，比如，支持与数据库管理系统之间的通信等；JavaScript在服务端的应用远少于在客户端的应用。Javascript讲解的内容Javascript程序的组成(4.34.44.54.64.74.84.94.11)变量（数据类型）(4.34.4.14.4.24.4.34.4.4)表达式与操作符(4.4.84.4.94.4.104.4.13)程序结构（语句：条件，循环等）(4.6)函数（自定义,内置函数）（4.9）对象（核心语言对象）(4.24.74.114.4.64.4.74.4.114.4.144.8)如何将Javascript程序嵌入html文件中(4.34.1.44.1.5)文档对象模型：如何改变html文档中的标记的内容和属性包括CSS属性(4.5第五章第六章)第二节JavaScript语法基础变量(4.34.4.14.4.24.4.34.4.4)表达式与操作符(4.4.84.4.94.4.104.4.13)语句(4.6)函数）（4.9）变量变量名称(4.3)首先在JavaScript中定义的变量名称不能和保留字冲突，保留字是JavaScript中已经使用的单词或者保留在以后的版本中可能使用的单词。变量名必须以字母或者(_)或$开始，不能以数字或者其他非字母字符作为变量名的开始字符。接下来的字符可以是字母、下划线(_)、$，数字。变量名中不能包含空格JavaScript是区分大小写的建议：多个单词组合在一起作为一个变量的名称，一方面可以使变量的定义显得更加清晰，而另外一方面也可以避免变量与保留字的冲突问题。合法的变量vs.无效的变量名称合法的变量名称示例：_pagecountPart9Number_Items一些无效的变量名称：99Balloons//以数字开头。Smith&Wesson//&对变量名而言不是一个合法的字符。变量数据类型（4.4.14.4.24.4.3）在JavaScript中定义变量时，不要求必须在定义的时候确定变量的数据类型。但实际上，每个JavaScript变量都对应着一个数据类型。字符串类型处于引号内的一组字符数值类型整数或者小数布尔类型逻辑结果，只有真或假两种情况空类型和未定义值代表着一个空值对象类型代表着JavaScript中的对象原始数据类型字符串类型字符串类型的变量所代表的值是处于双引号或单引号内的一组字符，这一组字符的长度不定，而且，并不要求字符串一定是有意义的单词。例如，NewYear是一个字符串，但+[]同样是一个字符串。例如，我们可以将NewYear赋给变量theMessage，语句如下所示：theMessage=NewYear;theMessage=‘you\’rethemostfrecklyperson.’;theMessage=“D:\\bookfiles;数值类型在JavaScript中，数值类型即可以代表整数又可以代表浮点型格式（包含小数点或指数)，例如，123，1.414，7.2e-27E4，0xff。例如，我们可以将1.414赋给变量theNumber，其语句如下所示：theNumber=1.414;布尔类型布尔类型用于逻辑运算中，在布尔类型的变量里，只有两种取值情况，一种是真(tru