JavaScript 语句集 }
function fun2(参数表){ JavaScript 语句集 } ??
2)包含文件：为了避免
?中JavaScript 脚本块过大导致的网页文档代码过长，还可采取一种形式类似C 程序，在头部包含JavaScript 代码的做法：
xyz.js 中的内容即具体的JavaScript 脚本块。
3）隐式的嵌入方式
不进行声明或仅进行简短声明，直接用于事件驱动的处理程序中。 【例2-6】直接用于事件处理代码中的JavaScript 脚本 2-6.htm 源代码：
PHP 讲义 第 25 页 共 90 页
直接用于事件驱动中的JavaScript 脚本
显然这种方式对于较短的事件处理JavaScript 代码很适用，若这种代码较长，应采取块嵌入或包含文件的方法。
3.客户机对象技术
从JavaScript 的工作原理可以看出，为了更好地完成控制操作和做出响应动作，JavaScript 编程者必须清楚地了 解常用的客户机对象。 （1）对象的基础知识
1）使用对象的什么：使用对象的属性、事件、方法。在JavaScript 中，属性，表示对象的性质的值，往往用“对
象名．属性名”的形式引用；事件往往用“on 事件名”来侦测、标识，表示“当??的时候”；方法是对象发出
的动作，往往用“对象名.方法名()”的形式使用。
2）如何获得（引用）对象：一个对象要真正地被使用，可采用以下几种方式获得该对象： ? 引用JavaScript 内部对象（常用） ? 引用浏览器对象（常用） ? 创建新对象，然后引用之
即对象使用之前必须存在，要么创建新的对象，要么利用现存的对象。
JavaScript 内部对象：JavaScript built-in Object，即JavaScript 语言本身的对象，如eval(字符串)——返回字符
单击我\
串表达式中的值。
浏览器对象：如窗口WINDOW，文档DOCUMENT、表单FORM 等，它们之间是分层次的树状关系，反映这
种关系的模型，称作文档对象模型（DOM：Document Object Model）。 文档对象模型
PHP 讲义 第 26 页 共 90 页 创建新对象：
格式：新对象名=new 已存在对象名(参数表); 如：
var now = new Date(); var year = now.getYear(); alert(‘现在是’+now); alert(‘今年是’+year); （2）对象的引用方式
n 自引用
指对象的自我引用，用关键字this 代指自己。 【例2-7】使用this 关键字进行自引用 2-7.htm 源代码：
今天要到哪里去逛一逛？
院
n 按层次引用：按文档对象模型层次进行引用
按层次引用引用的基本模式是：父对象．子对象，如：
window.alert(window.document.form1.textfield1.value);
其中，当前窗口可不用指明window 对象，所以上一行代码常常写成这个样子： alert(document.form1.textfield1.value);
按DOM 层次引用对象的适用条件：应明确知晓父子关系和各自名称。
n 按下标引用。适用于对象集合的处理，同名对象的集合按该名字命名的数组，通过数组下标的访问引用每个对
象，下标从0 开始。使用场合：同名单选按钮组、复选框组等，组内各成员的引用。 【例2-8】以遍历数组的形式引用对象 2-8.htm 源代码：
【例2-8】以遍历数组的形式引用对象
说明：数组元素的个数，即数组的长度，用“数组名．length”引用数组的长度属性值length 得到。
以遍历数组的形式引用对象
n 按名引用。同类型但不同名的对象集合内各成员，可通过这种方式引用。 【例2-9】按名引用对象 2-9.htm 源代码：
【例2-9】按名引用对象
按名引用对象
类似地，也可通过document. Forms[]数组来引用在同一个页面上多个表单中的某个表单，例如，
将第一个表单中名为textfield1的文本框赋值123： document.forms[0].textfield1.value=123; （2）事件及事件处理
①基本概念
通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动
（Event Driver）。驱动，在这里就是引发，触发的意思。这些动作，就是对事件进行处理的程序或函数，我们称
之为事件处理程序（Event Handler）。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理 程序。格式如下：
Function 事件处理名（参数表）{ 事件处理语句集；
}
可以使用自己编写的函数作为事件处理程序，也可以使用JavaScript 中内部的函数，还可以直接使用JavaScript 的代码等，如例2-6。 ②主要事件
n onClick——单击
PHP 讲义 第 29 页 共 90 页
当用户单击鼠标按钮时，产生onClick 事件，同时onClick 指定的事件处理程序将被调用执行。在很多对象中产 生：
? button（按钮对象）：包括 ? reset button（重置型按钮） ? submit button（提交型按钮） ? radio （单选按钮或无线按钮） ? checkbox（复选框或检查框） ? 超链接
??
使用方法大同小异，参考【例2-6】即可。
n onChange——数据被更改
下列情况将触发相关对象的onChange 事件： text 元素输入的字符值改变时 texturea 元素输入的字符值改变时 select 元素选项改变后
【例2-10】onChange 事件的处理 2-10.htm 源代码：
【例2-10】onChange 事件的处理
修改这些文本框中的值，看看会发生什么事情：
onChange 事件
PHP 讲义 第 30 页 共 90 页
更多事件的详细介绍，请参考相关资料，在此不再赘述。 （3）常用JavaScript 内置对象的使用
按数据类型可分为：字符串(string)对象、算术函数（math）对象、日期(Date)对象 按使用时是否需要创建实例可分为：静态对象和动态对象。
静态对象：在引用其属性或方法时不需要为它创建实例，如string（字符串）； 动态对象：在引用其属性或方法时必须为它创建一个实例，如Date（日期）。 基本使用格式：对象名．属性名 对象名．方法名() 1）串对象
①属性。只有一个属性，即length。它表明了字符串中的字符个数，包括所有符号。例： ②方法。共有19 个，主要用于串在Web 页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写 转换等。
其中，常用方法如下：
? 显示的控制方法
（a）fontsize(size)字体大小：作用同HTML 字体标签。 语法：fontsize(size) 其中，1≤size≤7 （b）bold()粗体字 （c）Italics()斜体字