4JavaScript预定义对象(一)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
其它预定义对象
option数组的属性 option数组的属性 ：
length属性指定option数组的长度。 length属性指定option数组的长度。 selected属性指定option当前是否被选中 selected属性指定option当前是否被选中 。 defaultSelected属性指定option起始是否被选 defaultSelected属性指定option起始是否被选 中。 index属性指定数组的当前索引。 index属性指定数组的当前索引。 value属性指定选择option并提交表单后返回到 value属性指定选择option并提交表单后返回到 服务器的值。 text属性指定特定option的标签。 text属性指定特定option的标签。
其它预定义对象
<font color=green size=3>USER ID: <input type=“text” name=“text1”>@ <select name=“selec”> <option>hotmail.com <option>mailcity.com <option>yahoo.com <option>others </select><br><br> PASSWORD: <input type=“password” name=“passwd” maxlength=“8”><br><br> RETYPE PASSWORD: <input type=“password” name=“paswd” maxlength=“8” onFocus=“select()”> <br><br>
其它预定义对象
<center> <input type=“button” name=“but” value=“LOG IN” onclick=“sign()”> <input type=“reset” name=“res” value=“RESET” onclick=“alert(‘The field are cleared’)”> <br></font> </form> </body></html>
其它预定义对象
让我们来看一个对多行文本域进行某些事件处理 （onfocus和onblur）的例子。 onfocus和onblur）的例子。
其它预定义对象
当文本域获得焦点时，颜色变为粉红色：
当文本域失去焦点时，颜色变为绿色：
其它预定义对象
上例的代码如下所示：
<html><head><title>textarea object</title> <script language=“javascript”> function chgcol1(){document.bgcolor=“pink”} function chgcol2(){document.bgcolor=“green”} </script></head></body> <h1 align=center> <Font color=“black”> See the magic in the textarea</font></h1> <form name=“form1” align=center> <textarea name=“text” onfocus=“chgcol1()” onblur=“chgcol2()” rows=5 cols=30> ENTER SOME TEXT HERE</textarea> </form> </body></html>
其它预定义对象
多行文本输入区（textarea）对象 多行文本输入区（textarea）对象
它创建一个多行可滚动的文本框，用户可义对它进行编辑。 语法如下所示： <textarea name=”textareaName” [rows=”number”] [cols=”number”] [wrap=”off” | “virtual” | “physical” ] [onFocus=”handlercode”] [onBlur=”handlercode”] onChange=”handlercode”] onSelect=”handlercode”] > initial text, if any. </textarea>
其它预定义对象
隐藏（hidden）对象 隐藏（hidden）对象
隐藏对象不会出现在浏览器窗口上，因此用户 不能控制它。 hidden对象通常用来保存web浏览器的状态信 hidden对象通常用来保存web浏览器的状态信 息（如上次访问的信息）。 隐藏对象用于多表单应用程序。用户在一个表 单中填写的信息在其余表单中使用。 隐藏对象可以将不需要在屏幕上显示的重要信 息传送到服务器。
JavaScript
预定义对象( 预定义对象(一)
目标
通过本章学习，你将能了解： 各种预定义对象 在各种Web应用中有效地利用预定义对象 在各种Web应用中有效地利用预定义对象
本章概述
选择区（select）和选择项（option）对象 选择区（select）和选择项（option）对象 多行文本输入区（text area）对象 多行文本输入区（text area）对象 重置按钮（reset）对象 重置按钮（reset）对象 密码输入区（password）对象 密码输入区（password）对象 隐藏（hidden）对象 隐藏（hidden）对象 锚（anchor）对象 锚（anchor）对象 数组（array）对象 数组（array）对象 框架(frame)对象 框架(frame)对象 浏览器(Navigator)对象 浏览器(Navigator)对象 屏幕(Screen)对象 屏幕(Screen)对象
其它预定义对象
else if(document.form1.passwd.value==document.form1.p aswd.value){ document.write(“Welcome”+document.form1.text1.val ue);} else alert(“Retype password correctly”); } function select(){ document.form1.paswd.select() } </script></head> <body bgcolor=lightyellow> <form name=“form1”>
其它预定义对象
选择区（Select）和选择项（Option）对象 选择区（Select）和选择项（Option）对象
它创建一个下拉的选择列表 ，允许用户在多个 选项中进行选择。 选择区对象的每个选项都由HTML的 选择区对象的每个选项都由HTML的<option> 标记来表示，JavaScript自动为每个option标记 标记来表示，JavaScript自动为每个option标记 创建一个option对象 创建一个option对象 。 语法如下所示：
其它预定义对象
父类是表单对象。 对象的属性有name，type，value和 对象的属性有name，type，value和 defaultValue。 defaultValue。 支持focus，blur和select方法。 支持focus，blur和select方法。 支持onFocus，onBlur，onChange和 支持onFocus，onBlur，onChange和 onSelect事件句柄。 onSelect事件句柄。
其它预定义对象
[onFocus=”handlercode”] [onBlur=”handlercode”] [onChange=”handlercode”] [onSelect=”handlwk.baidu.comrcode”] >
父类是表单对象。 password对象有name，type，value和 password对象有name，type，value和 defaultValue属性。 defaultValue属性。 支持focus，blur和select方法，以及onFocus， 支持focus，blur和select方法，以及onFocus， onBlur，onChange和onSelect事件句柄。 onBlur，onChange和onSelect事件句柄。
其它预定义对象
父类是表单对象。 重置按钮的属性有name，type和value。 重置按钮的属性有name，type和value。 支持的方法有click，blur和focus。 支持的方法有click，blur和focus。 支持的事件句柄只有onClick。 支持的事件句柄只有onClick。
其它预定义对象
密码输入区（password）对象 密码输入区（password）对象
password对象在HTML表单中创建一个文本框，输入 password对象在HTML表单中创建一个文本框，输入 文本以星号“* 文本以星号“*”显示，以隐藏它的值。 语法如下所示： <input type=”password” name=”textboxName” [value=”initialtext”] [size=”number”] [maxlength=”number”]
其它预定义对象
程序产生的输出界面以及各种警告框如下所示：
其它预定义对象
其它预定义对象
上例的代码如下所示： <html><head> <title>password object</title> <script language=“javascript”> function sign(){ if(document.form1.selec.options[3].selected){ alert(“Hostname not found”);} if(document.form1.passwd.value==“”){ alert(“Enter password”);}
其它预定义对象
重置（Reset）对象 重置（Reset）对象
reset按钮将表单中的所有元素设置为默认值。 reset按钮将表单中的所有元素设置为默认值。 语法如下所示：
<input type=”reset” name=”resetName” value=”labelName” [onClick=”handlercode”] >
<select name=”selectName” [size=”number”]
其它预定义对象
[multiple] [onBlur=”handlercode”] [onChange=”handlerCode”] [onFocus=[“handlercode”] > <option value=”optionvalue” [selected] > label </select> 父类是表单对象。 选择区对象有name，type，length，option和 选择区对象有name，type，length，option和 selectedIndex属性。 selectedIndex属性。 支持focus和blur方法，以及onBlur，onFocus和 支持focus和blur方法，以及onBlur，onFocus和 onChange事件句柄。 onChange事件句柄。 选项数组有length，index，text，value，selected和 选项数组有length，index，text，value，selected和 defaultSelected属性。 defaultSelected属性。
其它预定义对象
Select对象的JavaScript属性 Select对象的JavaScript属性 ：
name属性指定Select对象的名称。 name属性指定Select对象的名称。 type属性指定Select对象的类型。 type属性指定Select对象的类型。 length属性指定option数组的元素数目。 length属性指定option数组的元素数目。 option属性指定下拉列表中的option数组。 option属性指定下拉列表中的option数组。 selectIndex属性指定被选中选项的下标，若选 selectIndex属性指定被选中选项的下标，若选 择了多项，则是指第一个被选中选项的下标 。