JAVASCRIPT概述1
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.4.4
表达式
表达式由常量、变量或运算符所组成，并生成一个单一值。如果一个语句返回一个值，那么它就 是一个表达式。该值可能是一个数值、字符串或一个逻辑值。表达式有两种类型：一种是给变量赋一 个值，另一种仅是一个简单值。例如，表达式 3+4 简单赋值为 7，3.14 也是一个表达式；复杂一点的 表达式如 x=7，即给变量 x 赋值为 7。JavaScript 的表达式有如下几种类型： 数学表达式：计算值为数字，如 8.45。 字符串表达式：计算值为一个字符串，如"computer"。 逻辑表达式：计算值为 true 或 false。
1.4.2
变量
变量（Variable）又称为标识符，是对应到某个值的符号。因为它所对应的值可能随程序的进行而 变化，所以称为变量。变量的名称必须以大、小写的英文字母或下划线开头，但不能以数字开头，后
第1章
JavaScript 概述
·5·
面可以接数字或字母。由于 JavaScript 区分大小写，所以 A 和 a 将被视为两个不同的变量。 1．变量定义 在 JavaScript 声明一个变量时，可以使用以下方式实现：
1.4
JavaScript 的基本构成
JavaScript 脚本语言同其他语言一样，有它自身的基本数据类型、表达式和算术运算符以及程序的 基本框架结构。JavaScript 提供了 5 种基本的数据类型用来处理数字和文字，而变量则提供存放信息的 地方，表达式则可以完成较复杂的信息处理。
1.4.1
基本数据类型
Example.htm 的运行结果如图 1-1 所示。
图 1-1 JavaScript 实例
1.3
JavaScript 与 Java 的关系
常常会有人问到 JavaScript 与 Java 有什么区别， 甚至有人误认为 JavaScript 就是 Java。 虽然 JavaScript 与 Java 确实有一定的联系，但它们并不像我们所想象的那样联系紧密。甚至可以肯定地说它们有很大 的区别。JavaScript 与 Java 的区别主要表现在以下几个方面： JavaScript 与 Java 是由不同的公司开发的不同产品。JavaScript 是 Netscape 公司的产品，其目
apple=["fruit","China","vitamin"]
不必在数组常量中指定所有的元素。如果在一行中输入两个逗号，它会自动为没有指定的元素留 出空间，如下例所示：
God=["Belial",,"Angel"]
该数组包含两个元素值和一个空元素，但要注意的是，如果把逗号放到数组的最后，那它将会被忽略 不计。 3．布尔常量 布尔类型只有两种值： true 和 false。 它主要用来说明一种状态或标志， 以说明操作流程。JavaScript 与 C++是不一样的，C++可以用 1 或 0 表示其状态，而 JavaScript 只能用 true 或 false 表示其状态。
<script language="JavaScript" src="url"> …… </script>
第1章
JavaScript 概述
·3·
这里的 url 就是一个外部的 JavaScript 程序，在 Netscape 中只承认以后缀名为.js 的程序，而 IE 对 这个要求就比较宽松，只要它符合 MIME 格式即可。如果有很多的页面需要该段程序，只需编写一个 外部程序就可以在多个页面中进行调用。当一句代码结束后应在末尾添加一个分号，表示一个完整的 句子，也可以将其省略，这样并不影响程序的运行。在程序中的//和<！--……-->标记则是一段注释的 开始。Example.htm 是 JavaScript 的一个简单实例。代码如下：
第
1
章
JavaScript 概述
什么是脚本语言 JavaScript 简介 JavaScript 与 Java 的关系 JavaScript 的基本构成 JavaScript 的基本语法 JavaScript 的函数调用 JavaScript 的对象
首先打开你的 IE 浏览器，看看网络上五彩缤纷的网页，还有那些绚丽的特效动画， 是不是觉得很奇特。不用再想了，其实这都是 JavaScript 的功效。通过对本书的学习， 你也可以制作出同样的特效动画。
·2·
JavaScript 网页特效实例大全
1.1
什么是脚本语言
在学习 JavaScript 之前，首先来了解一下脚本语言（Scripting Language）。脚本语言就是一种简单 的程序，它由一些 ASCII 码组成，并可以用“记事本”等文本编辑器直接对其进行开发。 有些程序，如 C、C++、Java 等则必须先经过编译，将源代码转换为二进制代码之后才可执行。而 像 Perl、JavaScript、VBScript 等则不需要事先编译，只要利用合适的解释器便可以执行代码。 网站发展的初期，所有的程序都是在服务器端执行，然后再将执行结果发送到客户端。随着客户 端计算机的功能越来越强大，CPU 速度越来越快，如果将部分简单的操作交给客户端的计算机处理， 这样就可以大大提高服务器的工作效率。这时候网页脚本语言就应运而生了，因为这种脚本语言能够 与一般的 HTML 语言交互使用。在读取网页的同时，脚本语言编写的小程序也被传输到客户机上，并 在客户机上执行。
在 JavaScript 中的基本数据类型可分为 5 种。 数值型：整数和浮点数统称为数值。所谓数值就是由数字及正负号所组成的数据类型，例如 85 或 3.1415926 等。 字符串型：是由多个单一的字符所组成的数据类型。在 JavaScript 中，用“"”或“'”括起来 字符或数值，如"您好"、"学习'JavaScript' "等。 逻辑（布尔）型：用 true 或 false 来表示。 空（ null）值：它是 JavaScript 的保留值。因为 JavaScript 的大小写敏感性，因此它不同于如 Null 或 NULL 等其他变量。需要特别注意的是，null 既不等于“0”，也不等于“空字符串”。 未定义（undefined）值：该值的顶级属性是未定义的，它也是一个保留值。在两种情况下可能 得到一个未定义的值，一种是根本不存在的对象，另一种就是虽然已经声明，但却没有赋值。 JavaScript 基本类型中的数据可以是常量，也可以是变量。由于 JavaScript 采用弱类型的形式，因 而一个数据的变量或常量不必作声明，而是在使用或赋值时确定其数据的类型。用户可以先声明该数 据的类型，然后进行赋值。
1.4.3
常量
在 JavaScript 中用常量（Literals）来描述数值。常量是一些固定不变的值，不像变量那样随着程序 的进行而变化，所谓常量就是保持不变的量。常量大致可分为以下几种： 1．整型常量 JavaScript 的常量通常又称字面常量，它是不能改变的数据。其整型常量可以使用十六进制、八进 制和十进制表示其值。 2．数组常量 一个数组常量是零或更多表达式的列表，它包含在一对方括号内。当使用数组常量来创建一个数 组时，它的元素和长度即由所指定的值进行初始化。下面来看一个具体的例子，该例题有 3 个元素， 其长度为 3。
<script language="JavaScript"> …… </script>
Language 指定了一个 JavaScript 语言。但现在也可以不用写该属性，因为目前大部分浏览器都将 其 设 为 默 认 值 。 一 段 JavaScript 代 码 可 以 放 置 于 HTML 中 的 任 意 部 位 ， 但 多 数 情 况 下 将 其 放 于 <HEAD>…</HEAD>区段中。因为一些代码可能需要在页面装载起始就开始运行。但如果愿意，放置 在任何位置都是可以的，甚至可以在 HTML 外部装入一个 JavaScript 程序。如下例所示：
<html> <head>
<title>这是一个 JavaScrip 程序的例子！</title> </head> <body> <script language="JavaScript"> document.write("<h1>欢迎学习 JavaScript！</h1>"); </script> <img src="E:\javascript\001.gif"> </body> </html>
·6·
JavaScript 网页特效实例大全
4．浮点数常量 部分是在一个整数后跟一个“e”或“E”，它可以是一个有符号的数。一个浮点数组必须包含一个数 字、一个小数点或“e（E）”。 5．整数 一个整数可以是十进制、十六进制和八进制数。一个十进制常量由一串数字序列组成，它的第一 个数字不能为 0；如果第一个数字为 0，则表示它是一个八进制数；若为 0x，则表示它为一个十六进 制数。 6．字符串常量 字符串常量是零或若干封装在 “"”或“'”内的字符。如"ball"、'ball'、"6682"、"a line"等。可以 在字符串常量中调用任何“字符对象”，而 JavaScript 会自动将字符串常量转换为一个临时字符常量。 7．特殊字符 同 C 语言一样，JavaScript 中同样有些是以反斜杠“/”开头的不可显示的特殊字符，通常称为控 制字符。 一些浮点数组的例子就像后面给出的例子一样，如 3.1415926、-3.1E12、1e12 和 2E-12 等。指数
1.2
JavaScript 简介
JavaScript 早期是由 Netscape（网景）公司研发出来的一种在 Netscape 浏览器上执行的程序语言。 它不仅包含了数组对象、数学对象，还包括一般语言所包含的操作数、控制流程等结构组件。用户可 以利用它设计出交互式的网页内容，但这些网页不能单独执行，必须由浏览器或服务器执行。 开发 JavaScript 的最初动机是想要减轻服务器数据处理的负荷，能够完成如在网页上显示时间、动 态广告、处理表单传送数据等工作。随着 JavaScript 所支持的功能日益增多，不少网页编制人员转而利 用它来进行动态网页的设计。 Microsoft 公司所研发的 IE 网络浏览器在以前的版本中是不支持 JavaScript 语言的，但在 IE 4.0 之后也开始全面支持 JavaScript，这使得 JavaScript 成为两大浏览器的通用语言。 从结构来说，JavaScript 是一种基于对象和事件驱动的安全脚本语言。使用它的目的是与 HTML 超文本标记语言和 Java 脚本语言一起实现在一个 Web 页面中链接多个对象，起到与 Web 客户的交互 作用，从而可以开发客户端的应用程序等。 在上面已经提到 JavaScript 只能在 HTML 脚本中才能得以执行。那么，如何在 HTML 语言中植入 一个 JavaScript 脚本呢？以下是一个 JavaScript 脚本结构示例：
·4·
JavaScript 网页特效实例大全
的是为了扩展 Netscape Navigator 功能。 Java 是由 Sun Microsystem 公司开发的一种面向对象的 程序设计语言，类似于 C++，它需要多种编译器和支持文件才能运行。 JavaScript 是基于对象的，它是一种脚本语言。它基于对象和事件驱动，因而它本身提供了非 常丰富的内部对象供设计人员使用。而 Java 是面向对象的，即 Java 是一种真正的面向对象的 语言，即使是开发简单的程序也必须设计对象。 JavaScript 与 Java 在浏览器中所执行的方式不一样。JavaScript 是一种解释性编程语言，其源 代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户端，即 JavaScript 语句本身随 Web 页面一起下载下来，由浏览器解释执行。而 Java 的源代码在传递 到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它 通过编译器或解释器实现独立于某个特定的平台编译代码。
var Up,Down,Left,Right;
ቤተ መጻሕፍቲ ባይዱ
也可以直接给它赋值，如下：
x=3;
2．变量的作用范围 当在一个函数之外定义一个变量，那这个变量就叫做全局变量。全局变量可用于当前所有的文档。 在函数内部定义的变量则叫做局部变量，它只作用于函数内部。用户可以通过指定窗口或框架的名字 调用全局变量。例如，当一个框架文档中定义了名为 phoneNumber 的全局变量时，用户在子框架中就 可以使用 parent.phoneNumber 引用该变量。