JavaScript (基本教程)(3)

时间：2013-04-25 10:39 来源：网络整理作者：采集侠收藏

注意到 onClick 事件，触发后它只执行 return false 语句，用来告诉浏览器制止/忽略这个事件的默认动作，否则，浏览器将会执行超链接的默认动作，跟随超链接所指向的地址/URL，下载一个新的页面，而通过返回 false

注意到 onClick 事件，触发后它只执行 return false 语句，用来告诉浏览器制止/忽略这个事件的默认动作，否则，浏览器将会执行超链接的默认动作，跟随超链接所指向的地址/URL，下载一个新的页面，而通过返回 false 值，我们可以告知浏览器不要这样做。当然，如果你想要让它转到另一个新的页面的话，你可以使用 return true 或者干脆就不要定义 onClick 事件（即删除上边语句中的 onClick 事件）。

【另一个实用的东东】

另一个实用的事件句柄是 onLoad 事件，它用于 <BODY> 标记中。在这里，为了说明这一个事件句柄，我们将以前的一个修改一下，将会得到同样的结果，请看下边代码：

<html>
<head>
<title></title>
</head>
<body bgcolor="#ffffff" link="#ff0000">
<font face="Arial,Helvetica" size=3> 你可以试一下修改后的，alert() 函数是 JavaScript 的一个内建函数（击JavaScript自带的函数），此函数的作用是显示一个消息框，消息框里的消息即是此函数的字符串参数，在这个例子里，消息框显示的是超链接颜色 document.linkColor 的 RGB 十六进制值，这个值是在 <BODY> 标记中定义的。

An example of using the <b>onLoad</b> event. Use your browser's
RELOAD button to run the example again.

</font>
</body>
</html>

事件句柄列表

下边是 HTML 标记和对应的事件句柄的列表，列表中还附带说明了什么时候会触发相应的事件，如果想详细了解事件句柄，可以参阅 Netscape HTML Reference 和 Microsoft IE Events Reference 。

HTML标记

事件

当....时候触发此事件

<A>

onClick

用户点击超链接

onMouseOver

鼠标移动到超链接上边

onMouseOut

鼠标离开超链接

<AREA>

onMouseOver

鼠标移动到图片 map 区域上边

onMouseOut

鼠标离开图片 map 区域

<BODY>

onBlur

包含这个页面的窗口 window 或帧 frame 失去焦点的时候

onFocus

包含这个页面的窗口 window 或帧 frame 获得焦点的时候

onLoad

这个页面下载完成的时候

onUnload

退出这个页面的时候

<FORM>

onReset

按下 RESET (重置) 按钮的时候

onSubmit

按下 SUBMIT (提交) 按钮的时候

<IMG>

onAbort

下载图片的过程被用户手动停止的时候

onLoad

图片下载完成的时候

onError

在客户端接收图片时有错误发生

<INPUT> with
TYPE="BUTTON"
或 "CHECKBOX"
或 "RADIO"
或 "RESET"

onClick

鼠标点击时候

onBlur

获得焦点的时候

onChange

输入框/文本框中的文本被改变的时候

onFocus

获得焦点的时候

onSelect

输入框/文本框中的文本被选中 (高亮显示) 的时候

<INPUT> with
TYPE="SELECT"

onBlur

失去焦点的时候

onChange

用户改变了下拉列表框中的选择

onClick

用户使用鼠标点击的时候

onFocus

获得焦点的时候

什么是对象？

顾名思义，JavaScript 是居于 Java 程序设计语言而建立起来的脚本语言，两者都是面向对象的 (object-oriented)，我们并不想深入探讨面向对象程序设计 (OOP)，但是为了你能够更好地了解 JavaScript 语言，我们希望你能够知道一些与对象有关的术语和基本概念。

JavaScript 所处理的每一个对象都是属于一个类 (class) ，类里边定义了组成对象的数据、属性、方法（即是类里边的一些函数）等，使用类可以增加程序代码的复用性，这在一种程序语言中是很重要的，因为这样可以避免重复开发！

你可以将字符串、整数等数据类型看作是一个对象，当你定义一个变量的时候，你就创建了一个对象实例 (通常简称 “对象”)，你可以创建很多对象实例，使它们都属于同一个类，也即是相同的对象，比如说，“人”是一个对象（类），而每一个人都是“人”这个对象（类）中的一个对象实例。创建一个对象实例时使用 new 运算符：

var text = new String("This is my text.");
var max = new Number(4.02);
var today = new Date(); // Date() 是 JavaScript 的内建对象类 new 运算符用来调出对象的数据结构（包括对象的属性、方法），这是用来创建一个对象实例的方法，同时还对对象实例的属性进行初始化。有一些对象 (例如 Date 对象) 拥有多种数据结构，那到底 JavaScript 会为你创建哪一种数据结构呢？这就要看你在使用 new 创建对象实例的时候传的是什么参数了。就以 Date 对象为例吧，如果在创建时不传递任何参数，则会创建一个当前系统日期时间的对象实例，就像上边的例子中的一样；但是如果你在创建对象实例时向 Date 类传递了 year(年)、month(月)、date(日) 和 time (时间) 的值的话，JavaScript 将会根据这些值为你创建一个对象实例，而不再是当前系统时间的对象实例。

一个对象既可以是 core 核心对象 (下边将会提到)，又可以是另外一些 JavaScript 的预定义对象 (例如一个图片 Image 对象)，甚至可以是你创建的一个全新的对象。

【对象的属性 (Propertie)】

在 JavaScript 中使用英文句号 (.) 来访问对象的属性值：

var text = new String("A long time ago...");
var len = text.length; // len 为字符串对象 text 的字符串长度，length 为字符串对象的字串长度属性。通常情况下，你可以直接改变某个对象的属性，例如，为了动态的改变页面的背景颜色，你可以直接通过动态地改变 document 对象的 bgColor 属性来实现，请看。