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