1、JavaScript要点:1、如何嵌入 html 文档2、语法格式3、自定义函数4、内置对象学习网址:http:/ 简介JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与 HTML 超文本标记语言、Java 脚本语言(Java 小程序)一起实现在一个 Web 页面中链接多个对象,与 Web 客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的 HTML 语言中实现的。它的出现弥补了 HTML 语言的缺陷,它是 Java 与 HTML 折衷的选择,具有以下几个基本特点:1 是一种脚本编写语言Ja
2、vaScript 是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript 同样已是一种解释性语言,它提供了一个易的开发过程。它的基本结构形式与 C、 C+、VB、Delphi 十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与 HTML 标识结合在一起,从而方便用户的使用操作。 2 基于对象的语言。JavaScript 是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 3 简单性JavaScript 的简单性主要体现在:首先它是一
3、种基于 Java 基本语句和控制流之上的简单而紧凑的设计, 从而对于学习 Java 是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。 4 安全性JavaScript 是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 5 动态性JavaScript 是动态的,它可以直接对用户或客户输入做出响应,无须经过 Web 服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为
4、“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。 6 跨平台性JavaScript 是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript 的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。实际上 JavaScript 最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软件及一浏览器,无须 WEB 服务器通道,通过自己的电脑即可完成所有的事情。综合所述 JavaScript 是一种新的描述语言,它可以被箝入到 HTML 的文件之中。 JavaScript
5、 语言可以做到回应使用者的需求事件 (如: form 的输入) ,而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端 (server)处理,再传回来的过程,而直接可以被客户端 (client) 的应用程式所处理。JavaScript 和 Java 很类似,但到底并不一样! Java 是一种比 JavaScript 更复杂许多的程式语言,而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧,所以许多 Java 的特性在 Java Script 中并不支援。二、JavaScript 和 Java 的区别虽然 JavaS
6、cript 与 Java 有紧密的联系,但却是两个公司开发的不同的两个产品。Java是 SUN 公司推出的新一代面向对象的程序设计语言,特别适合于 Internet 应用程序开发;而 JavaScript 是 Netscape 公司的产品,其目的是为了扩展 Netscape Navigator 功能,而开发的一种可以嵌入 Web 页面中的基于对象和事件驱动的解释性语言 , 它的前身是 Live Script;而 Java 的前身是 Oak 语言。下面对两种语言间的异同作如下比较:基于对象和面向对象Java 是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。JavaScript 是
7、种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象(Object Based)和事件驱动(Event Driver)的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。 解释和编译两种语言在其浏览器中所执行的方式不一样。Java 的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript 是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户编由浏览器解释执行。 强变量和弱变量两种语言所采取
8、的变量是不一样的。Java 采用强类型变量检查,即所有变量在编译之前必须作声明。如:Integer x;String y;x=1234;x=4321;其中 X=1234 说明是一个整数,Y=4321 说明是一个字符串。JavaScript 中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型,如:x=1234;y“4321“;前者说明 x 为其数值型变量,而后者说明 y 为字符型变量。 代码格式不一样Java 是一种与 HTML 无关的格式,必须通过像 HTML 中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。JavaScript 的代码是一
9、种文本字符格式,可以直接嵌入 HTML 文档中,并且可动态装载。编写 HTML 文档就像编辑文本文件一样方便。 嵌入方式不一样在 HTML 文档中,两种编程语言的标识不同, JavaScript 使用. 来标识,而 Java 使用.来标识。 静态联编和动态联编Java 采用静态联编,即 Java 的对象引用必须在编译时的进行,以使编译器能够实现强类型检查。JavaScript 采用动态联编,即 JavaScript 的对象引用在运行时进行检查,如不经编译则就无法实现对象引用的检查。三、JavaScript 的用法JavaScript 在 Web 页面中的基本用法有两种。一种是装入页面时动态创建
10、 HTML 语句,另一种是监视并处理各种用户事件。两种方法结合起来,产生下面用法定制 Web 页面;动态创建 Web 页面;检查 CGI 表单数据;管理 Cookie;访问框窗;1 在 HTML 文件中,嵌入 JavaScript 语句格式 (内嵌)Script Language =“JavaScript“JavaScript 函数或语句;./Script2 定义 .js 文件 (外嵌)(1) 在.js 文件中定义 JavaScript 代码:(定义)把 JavaScript 代码放在一个独立的扩展名为 js 的文件中,该文件不含 HTML 成分,也不包括Script Language =“J
11、avaScript“语句,只是纯 javascript 语法(2) 在 HTML 文件中调用 javascript 定义的.js 文件 (调用)在文件头部,指明.js 文件名,格式如下四、JavaScript 函数1 函数定义Function 函数名(参数 1,参数 2.。 。 。) javascript 语句2. 调用 javascript 函数两种方式A 直接调用函数名(参数 1,参数 2.。 。 。 。 )B 通过事件调用常有事件如 onclick onmouseover onload 等,格式如下:五、JavaScript 注释语句在 JavaScript 脚本中,经常需要加注脚本注释
12、,其方法分别如下:/* */(多行注释) (建议使用)/(单行注释) (建议使用)(单行注释) (不建议使用)通过标识说明:若不认识 JavaScript 代码的浏览器,则所有在其中的标识均被忽略;若认识,则执行其结果。使用注释这是一个好的编程习惯,它使其他人可以读懂你的语言六、JavaScript 的数据类型、常量与变量1 数据类型 Boolean(布尔类型)布尔值是比较运算的运算结果,其取值只能是 false(假)或 true(真) ,false 或 true都应该使用小写,如表达式 712 的返回值为 false。 Number(数字类型)数字类型的取值范围是(5e-324 至 1.79
13、7693e+308)与(1.797693e+308 至5e-324 ) ,取值范围中的“e +n”表示以 10 为底数的+n 次方。 String(字符类型)字符类型的数据需包含在单引号( )或双引号(“” )之间,当然也可以是什么也没有即空字符串,如“JavaScript“、“合肥连邦电脑教育培训中心“ 等。若需在字符串中显示单引号、双引号以及换行符等特殊字符,须在上述字符前加上右斜杠符号() ,如“” 、 “”和“n ”分别表示在字符串中显示双引号、单引号和换行符。 Null 与 UndefindNull 的类型是对象,用来表示一个变量没有任何数值,而 Undefind 是指变量没有定义的
14、任何值。除非特殊场合,否则建议尽可能地避免使用 Null 和 Undefind。 NaN 与 InfinityNaN 与 Infinity 都属于 Number 类型,其中 Null 的意思是 “不是一个数值”或“没有意义的表达式的返回值” ,Infinity 的意思是“无限大的数值” ,当一个数值的值无限大时就可以用 Infinity 来表示。 Object(对象类型)对象是属性和方法的集合,基本数据类型的变量其对应值基本上是唯一的,而对象可以根据方法和属性的不通衍生出多个对象。如 document 对象可根据不同的方法和属性衍生出类似 document.write 之类的对象2 常量 整形
15、常量,如 2008,315 等 浮点常量,如 3.1E12,2E-12 等 布尔常量,只有 ture 与 false 字符常量,如 “guoyongcan“、“tsinghua university“等 特殊常量,如 “f”表示换页符、 “t”表示 Table 符号 Null 常量,Null 可与任何类型的数据进行转换,当数据类型为数值型时,Null 表示 0,当数据类型为字符型时, Null 表示空字符串3 变量注意:在 JavaScript 中声明变量时不需要指定变量的数据类型,变量的数据类型将随着其赋值的数据类型的变化而变化。变量的定义方法是采用 var 保留字进行定义,如 var gy
16、c,变量在定义时可指定其初始值,如 var value_array=2。变量的作用域与存活期,其实分别是指全局变量与局部变量,即定义变量时一定得注意其适用范围,具体请看如下 JavaScript 脚本。var gyc=“tsinghua“;function testFunc()attr=3;var c=4;七、JavaScript 的操作符与表达式JavaScript 的标点符号JavaScript 要求开发者在每条语句的结束位置加上“;” ,但如果不写分号,基本基本不会出错,但会在很大程度上降低脚本的可读性和可维护性。在 JavaScript 脚本中,经常需要加注脚本注释,其方法分别如下:
17、/* */(多行注释) (建议使用) /(单行注释) (建议使用) (单行注释) (不建议使用)1 操作符A)基本操作符 (赋值运算符) (加号) (减号) *(乘号) /(除号) (增量运算,例如 m+相当于 m=m+1) (减量运算,例如 m-相当于 m=m-1) (先加后赋值, ,例如 m+=5 相当于 m=m+5) (先加后赋值, ,例如 m+=5 相当于 m=m+5) *(先加后赋值, ,例如 m*=5 相当于 m=m*5) /(先加后赋值, ,例如 m/=5 相当于 m=m/5) (取余,如 17 3 的结果是 2) (字符串连接符,如 “Tsinghua“+“ University“的结果是“Tsinghua University“)B)比较操作符与逻辑操作符 (相等) (完全相等) (大于) =(大于等于) &(逻辑与操作符) |(逻辑或操作符) !(逻辑非操作符)2 表达式 数学表达式,例如(1+2+3*52)/4 关系表达式,例如 47 逻辑表达式,例如 a|b 字符表达式,例如“Tsinghua“+“ University“