JavaScript培训..ppt

当JavaScript读到INPUT标记中的type属性值为password时，自动建立一个密码对象，并将该对象放到表单对象的elements数组当中，让程序员可以通过一定的方法来控制这一对象。 其引用方法与单行文本相同。 密码对象 当JavaScript读到INPUT标记中的type属性值为button时，自动建立一个按钮对象，并将该对象放到表单对象的elements数组当中。 1.使用按钮对象的格式 document.forms[索引值].elements[索引值].属性 document.forms[索引值].elements[索引值].方法(参数群) 或 document.表单名称.按钮对象名称.属性 document. 表单名称. 按钮对象名称.方法（参数群） 按钮对象 2.常用属性 name 按钮对象的名字(NAME属性) value 按钮上显示的值。 form 按钮所在的表单。 3.常用方法 blur（） 把焦点从该对象上移开。 focus（） 把焦点移到该对象上。 click（） 再该对象上单击鼠标左键。 4.事件 onBlur、onFocus、onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown、onMouseMove 按钮对象 当JavaScript读到INPUT标记中的type属性值为submit时，自动建立一个提交按钮对象，并将该对象放到表单对象的elements数组当中。 其用法语按钮对象相同。 提交按钮对象 当JavaScript读到INPUT标记中的type属性值为reset时，自动建立一个重置按钮对象，并将该对象放到表单对象的elements数组当中。 其用法语按钮对象相同。 重置按钮对象 例1：用户登录界面 例2：输入信用卡号 例3：输入四位密码 举 例 当JavaScript读到TEXTAREA标记时，自动建立一个文本区域对象，并将该对象放到表单对象的elements数组当中。 1.使用文本对象的格式 document.forms[索引值].elements[索引值].属性 document.forms[索引值].elements[索引值].方法(参数群) 或 document.表单名称.文本区域对象名称.属性 document. 表单名称.文本区域对象名称.方法(参数群) 多行文本对象 2.属性 defaultValue 该对象的缺省值(VALUE属性初值)。 name 该对象的名字(NAME属性) value 该对象的当前值(VALUE属性值)。 form 该对象所在的表单。 3.方法 blur（） 把焦点从文本框移开。 focus（） 把焦点移到文本框。 select（） 将该对象设置成选取状态。 4.事件 onBlur、onChange、onFocus、onSelect、onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown、onMouseMove 多行文本对象 例：多行文本对象示例 Script document.title = 多行文本对象示例; function isTooLong(elm){ if (elm.length 50) { alert(留言内容太长，请修改后再发送); return false; } else { meswin=open(,,300,300); meswin.document.write(elm); } } /script FORM onSubmit=return isTooLong(this.msg.value) TEXTAREA NAME=msg COLS=30 ROWS=5 onFocus=this.value= 欢迎留言，不过请长话短说/textareaBR INPUT TYPE=submit VALUE=留言完毕 /FORM 运行结果