web基础教程之javasriptv_1.0web基础教程之javascriptv_1.0web基础教程之javascriptv_1.0web基础教程之javascriptv_1.0.ppt

Form对象 以下对象都可以做为表单属性使用，但需要指定名字 1、文本框对象－－input type=text 2、多行文本输入区对象－－textarea 3、隐藏对象－－input type=”hidden“ 4、密码输入区对象－－input type=”password“ 5、单选域对象－－input type=radio 6、复选框对象－－input type=checkbox 7、下拉菜单对象－－select 8、选择项对象 －－option 9、重置按钮对象－－input type=reset 10、按钮对象－－input type=button 11、提交对象－－input type=“submit” 文本类对象 包括text、textarea、hidden、password 属性 name 返回/设定用input name=...指定的元素名称。 value 返回/设定密码输入区当前的值。 defaultValue 返回用input value=...指定的默认值。 form 返回包含本元素的表单对象。 方法 blur() 从对象中移走焦点。 focus() 让对象获得焦点。 select() 选中输入区里全部文本。 注意：由于hidden不可见，因此hidden对象没有方法。例子：textobject.html 按钮类对象 包括button、reset、submit 属性 name 返回/设定用input name=...指定的元素名称。 value 返回/设定用input value=...指定的元素的值。 form 返回包含本元素的表单对象。 方法 blur() 从对象中移走焦点。 focus() 让对象获得焦点。 click() 模拟鼠标点击该对象。 例子：buttonobject.html 单/多选对象 Radio/checkbox对象 属性 name 返回/设定用input name=...指定的元素名称。 value 返回/设定用input value=...指定的元素的值。 form 返回包含本元素的表单对象。 checked 返回/设定该单选域对象是否被选中。这是一个布尔值。 defaultChecked 返回/设定该对象默认是否被选中。 方法 blur() 从对象中移走焦点。 focus() 让对象获得焦点。 click() 模拟鼠标点击该对象 注意：document.form.radioName返回的是数组 例子：radiotest.html 下拉菜单对象 Select对象 属性 name 返回/设定用input name=...指定的元素名称。 length 返回 Select 对象下选项的数目。 selectedIndex 返回被选中的选项的下标。这个下标就是在 options[] 数组中该选项的位置。 form 返回包含本元素的表单对象。 方法 blur() 从对象中移走焦点。 focus() 让对象获得焦点。 下拉菜单对象 options[] 数组的属性 length; selectedIndex 与所属 Select 对象的同名属性相同。 Option 对象的属性 text 返回/指定 Option 对象所显示的文本 value 返回/指定 Option 对象的值，与options value=...一致。 index 返回该 Option 对象的下标。对此并没有什么好说，因为要指定特定的一个 Option 对象，都要先知道该对象的下标。这个属性好像没有什么用。 selected 返回/指定该对象是否被选中。通过指定 true 或者 false，可以动态的改变选中项。 defaultSelected 返回该对象默认是否被选中。true / false。 例子：checked change.html 事件处理 事件处理就是当浏览器中发生某类事件时，浏览器将回调用户指定的方法。 事件的类型很多，比如当用户按下一按钮或者点一下鼠标都会触发一个事件。 并不是所有DOM对象都会产生事件，某些事件只发生在特定的对象上。 当事件发生后，如果用户希望处理此类事件，就必须为事件指定处理程序。有三种方法：123 事件处理 1、直接指定： 标记 ... onclick=“test() [事件=事件处理程序 ...] body ... onload=alert(网页读取完成！) onunload=alert(再见！) 2、编写特定对象特定事件的 JavaScript: script language=JavaScript for=对象 event=事 (事件处理程序代码) /script 3、在 JavaScript 中说明: