html入门学习.ppt

* * * * * * * * 文档对象 document对象包含若干数组对象，它们代表了页面上的标记元素，即： 　links()－－链接对象集合，即a 　applets[]－－Applet对象集合 　forms[]－－表单对象集合，即form 　images[]－－图片对象集合，即img 　embeds[]－－插件对象集合 这些集合包含了页面上全部的同类对象，如果访问其中一个只需要加上索引即可，如docment.forms[0] 表单对象 document.forms[]是一个数组，包含了文档中所有的表单。要引用单个表单，可以用 document.forms[x]。如果form标记中加上“name=”...“”属性，那么直接用“document.表单名”就可以引用了。 form所拥有的子元素，如input等等也对应到JavaScript中的一类对象，通常使用input name=“..”中name来访问这些对象，如果有： 　form name=“myForm” input type=“text” name=“user”/ /form 则访问text类型的输入框即为document.myForm.user 表单对象 forms的属性： name 表单名称，即form name=“...”属性。action 返回/设定表单提交地址，即action属性。method 返回/设定表单提交方法，即method属性 　target 返回/设定表单提交后返回的窗口，也就是form target=...属性。encoding 返回/设定表单提交内容的编码方式，也就是form enctype=...属性。length 返回该表单所含元素的数目。 表单对象 方法 reset() 重置表单。这与按下“重置”按钮是一样的。submit() 提交表单。这与按下“提交”按钮是一样的 表单对象 以下对象都可以做为表单属性使用，但需要指定名字 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对象没有方法。 按钮类对象 包括button、reset、submit 属性 name 返回/设定用input name=...指定的元素名称。value 返回/设定用input value=...指定的元素的值。form 返回包含本元素的表单对象。 方法 blur() 从对象中移走焦点。focus() 让对象获得焦点。click() 模拟鼠标点击该对象 单/多选对象 Radio/checkbox对象 属性 name 返回/设定用input name=...指定的元素名称。value 返回/设定用input value=...指定的元素的值。form 返回包含本元素的表单对象。checked 返回/设定该单选域对象是否被选中。这是一个布尔值。defaultChecked 返回/设定该对象默认是否被选中 方法 blur() 从对象中移走焦点。focus() 让对象获得焦点。click() 模拟鼠标点击该对象 注意：调用document.form.radioName返回的是数组 下拉菜单对象 select 属性 name 返回/设定用input name=...指定的元素名称。length 返回 Select 对象下选项的数目。selectedIndex 返回被选中的选项的下标。这个下标就是在 options[] 数组中该选项的位置。form 返回包含本元素的表单对象。 方法 blur() 从对象中移走焦点。focus()