16 动态页面脚本语言JavaScript.ppt

* 4.事件 onBlur、onFocus、onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown、onMouseMove 复选框对象(checkbox) * 5.举例：选择颜色 Script function count() { var checkCount=0; var num = document.form1.elements.length; *** for (var i=0; inum; i++) {if (document.form1.elements[i].checked) checkCount++; } alert (你喜欢 + checkCount + 种颜色。) } /Script FORM NAME=form1 请选择你喜欢的颜色：BR INPUT TYPE=checkbox NAME=red红色 INPUT TYPE=checkbox NAME=green绿色 INPUT TYPE=checkbox NAME=blue蓝色BR INPUT TYPE=button VALUE=请单击 onClick=count() /FORM 复选框对象(checkbox) * 当JavaScript读到SELECT标记时，自动建立一个选择对象，并将该对象放到表单对象的elements数组当中。 1.使用选择对象的格式 document.forms[索引值].elements[索引值].属性 document.forms[索引值].elements[索引值].方法(参数群) 或 document.表单名称.选择对象名称.属性 document.表单名称.选择对象名称.方法(参数群) 下拉列表对象(select) * 2.属性 name: 该对象的名字(NAME属性) options: 数组属性，表示下拉列表中的选项。 length: 返回下拉列表中选项(Option)的数目。 selectedIndex: 返回下拉列表所选择项对应目 的索引(选到第一项，返回0)。 3.方法 blur() 把焦点从该对象上移开。 focus() 把焦点移到该对象上。 下拉列表对象(select) * 4.事件 onBlur、onFocus、onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown、onMouseMove 选择对象 * 1.建立选项对象的格式 var 选择对象名＝ new Option( ) 选项对象(option) * 2.属性 name: 该对象的名字(NAME属性) defaultSelected: 指定该选项为默认选择状态。 index: 返回所选项的索引值。 text: 设置或返回某选项所显示的提示字符串。 3.方法 blur() 把焦点从该对象上移开。 focus() 把焦点移到该对象上。 4.举例 选项对象(option) * 1. 逐行检查是否填正确。如数据，如未填写，应提示用户填写，如下图所示。 作业题 * 2.如果输入的密码不是4位数字，请提示用户，如下图所示。 作业题 * 文件对象(Document)代表当前的HTML对象，是由BODY标记组构成的，JavaScript自动为每一个HTML文件建立一个document对象，用来显示HTML文件。 文档对象(DOCUMENT) * 1.语法 document.属性 document.方法 2.属性 title 文档的标题(TITLE)。 links 文件中的所有链接，以数组索引值表示。 linkColor 文档的链接的颜色,即BODY标记中 的LINK属性。 alinkColor 活动链接的颜色(ALINK)。 vlinkColor 指向已点击过的超链接文本颜色, 即 BODY标记的VLINK特