JS表格对象属性,表单对象属性、方法、事件以及事件返回值

表格对象的属性

    一个<table>标记,可以看做一个表格对象

    rows:获取表中所有的行,返回一个数组。

    cells:获取某行中所有的单元格,返回一个数组。

表单对象属性

    一个<form>标记,可以看做一个表单对象

    name:获取表单的名称,该name一般是给JS使用的。

    method:表单的提交方式。

        GTT方式:不安全,数据量较小,不能上传附件。

        POSt方式:相对安全,海量数据,可以上传附件。

    action:表单数据处理的程序,一般是PHP文件。

    enctype:表单数据的编码方式(加密)

        application/x-www-form-urlencoded (默认)

        multipart/form-data 可以上传附件

表单对象方法

    submit():提交表单。

    reset():重置表单。

表单对象事件

    onsubmit:提交事件,当单击提交按钮时发生的事件。在数据传到服务器之前(常用)。

    onreset:重置事件,当单击重置按钮时发生的事件。(不常用)。

表单中通过name属性找对象(id也可以,一般表单都用name)

    通过name找对象,必须是document开头。

    通过name找对象,必须符合三层结构

    格式:document.formname.inputname

    document:表单找对象的开头

    formname:标签<form>的name属性。

    inputname:标签<input>的name属性。

事件的返回值

    事件的返回值会影响事件的默认动作。

    如果事件的返回值为false,则阻止默认动作的执行。

    如果事件返回值为true或空或没有返回值,则默认动作继续执行。

    受影响的事件只有两个:onclick,onsubmit。

input对象

    一个<input>标签,可以看做一个input对象。

input常用属性

    name:表单元数名称。

    value:表单元素的值。

    size:表单元素的宽度。

    maxLength:最多字符数。

    disabled:禁用属性。

    readonly:只读属性。

input常用方法

    focus():获取焦点。

    blur():失去焦点。

    select():选择文本。

input常用事件

    onfocus:当获得焦点时执行的事件(光标定位到输入框中)。

    onblur:当失去焦点时执行的事件。

    onselect:当选择文本时执行的事件。

select对象属性

    options[index]:可以访问到每一个<option>标记。

    selectedIndex:读取或改变标签<option>默认的索引值。

    length:设置或读取<select>标记中<option>的个数。添加空的<option>标记。

    name:元素名称。

option对象属性

    text:指<option></option>之间的文本,

    value:指<option value="值">的value值。

 

 

    

posted @ 2017-05-21 22:05  安晓宇  阅读(1581)  评论(0编辑  收藏  举报