当前位置：
文档之家› 4JavaScript预定义对象(一)
4JavaScript预定义对象(一)
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”>
其它预定义对象
多行文本输入区（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. &定义对象
[onFocus=”handlercode”] [onBlur=”handlercode”] [onChange=”handlercode”] [onSelect=”handlercode”] >
父类是表单对象。 password对象有name，type，value和 password对象有name，type，value和 defaultValue属性。 defaultValue属性。 支持focus，blur和select方法，以及onFocus， 支持focus，blur和select方法，以及onFocus， onBlur，onChange和onSelect事件句柄。 onBlur，onChange和onSelect事件句柄。
其它预定义对象
密码输入区（password）对象 密码输入区（password）对象
password对象在HTML表单中创建一个文本框，输入 password对象在HTML表单中创建一个文本框，输入 文本以星号“* 文本以星号“*”显示，以隐藏它的值。 语法如下所示： <input type=”password” name=”textboxName” [value=”initialtext”] [size=”number”] [maxlength=”number”]
其它预定义对象
让我们来看一个对多行文本域进行某些事件处理 （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>
其它预定义对象
隐藏（hidden）对象 隐藏（hidden）对象
隐藏对象不会出现在浏览器窗口上，因此用户 不能控制它。 hidden对象通常用来保存web浏览器的状态信 hidden对象通常用来保存web浏览器的状态信 息（如上次访问的信息）。 隐藏对象用于多表单应用程序。用户在一个表 单中填写的信息在其余表单中使用。 隐藏对象可以将不需要在屏幕上显示的重要信 息传送到服务器。
<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属性。
其它预定义对象
<font color=green size=3>USER ID: <input type=“text” name=“text1”>@ <select name=“selec”> <option> <option> <option> <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>
其它预定义对象
程序产生的输出界面以及各种警告框如下所示：
其它预定义对象
其它预定义对象
上例的代码如下所示： <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”);}
其它预定义对象
<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>
其它预定义对象
Select对象的JavaScript属性 Select对象的JavaScript属性 ：
name属性指定Select对象的名称。 name属性指定Select对象的名称。 type属性指定Select对象的类型。 type属性指定Select对象的类型。 length属性指定option数组的元素数目。 length属性指定option数组的元素数目。 option属性指定下拉列表中的option数组。 option属性指定下拉列表中的option数组。 selectIndex属性指定被选中选项的下标，若选 selectIndex属性指定被选中选项的下标，若选 择了多项，则是指第一个被选中选项的下标 。
