4JavaScript预定义对象(一)

来源：网络收集时间：2026-10-04

导读： JavaScript入门ppt,简单JavaScript教程 JavaScript 预定义对象( 预定义对象(一) JavaScript入门ppt,简单JavaScript教程目标通过本章学习，你将能了解：各种预定义对象在各种Web应用中有效地利用预定义对象在各种Web应用中有效地利用预定义对象 JavaScrip

JavaScript入门ppt,简单JavaScript教程

JavaScript

预定义对象( 预定义对象(一)

JavaScript入门ppt,简单JavaScript教程

目标通过本章学习，你将能了解：各种预定义对象在各种Web应用中有效地利用预定义对象在各种Web应用中有效地利用预定义对象

JavaScript入门ppt,简单JavaScript教程

本章概述选择区(select)和选择项(option)对象选择区(select)和选择项(option)对象多行文本输入区(text area)对象多行文本输入区(text area)对象重置按钮(reset)对象重置按钮(reset)对象密码输入区(password)对象密码输入区(password)对象隐藏(hidden)对象隐藏(hidden)对象锚(anchor)对象锚(anchor)对象数组(array)对象数组(array)对象框架(frame)对象框架(frame)对象浏览器(Navigator)对象浏览器(Navigator)对象屏幕(Screen)对象屏幕(Screen)对象

JavaScript入门ppt,简单JavaScript教程

其它预定义对象选择区(Select)和选择项(Option)对象选择区(Select)和选择项(Option)对象它创建一个下拉的选择列表，允许用户在多个选项中进行选择。选择区对象的每个选项都由HTML的选择区对象的每个选项都由HTML的<option> 标记来表示，JavaScript自动为每个option标记标记来表示，JavaScript自动为每个option标记创建一个option对象创建一个option对象。语法如下所示：<select name=”selectName” [size=”number”]

JavaScript入门ppt,简单JavaScript教程

其它预定义对象[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属性。

JavaScript入门ppt,简单JavaScript教程

其它预定义对象Select对象的JavaScript属性 Select对象的JavaScript属性：name属性指定Select对象的名称。 name属性指定Select对象的名称。 type属性指定Select对象的类型。 type属性指定Select对象的类型。 length属性指定option数组的元素数目。 length属性指定option数组的元素数目。 option属性指定下拉列表中的option数组。 option属性指定下拉列表中的option数组。 selectIndex属性指定被选中选项的下标，若选 selectIndex属性指定被选中选项的下标，若选择了多项，则是指第一个被选中选项的下标。

JavaScript入门ppt,简单JavaScript教程

其它预定义对象option数组的属性 option数组的属性：length属性指定option数组的长度。 length属性指定option数组的长度。 selected属性指定option当前是否被选中 selected属性指定option当前是否被选中。 defaultSelected属性指定option起始

是否被选 defaultSelected属性指定option起始是否被选中。 index属性指定数组的当前索引。 index属性指定数组的当前索引。 value属性指定选择option并提交表单后返回到 value属性指定选择option并提交表单后返回到服务器的值。 text属性指定特定option的标签。 text属性指定特定option的标签。

JavaScript入门ppt,简单JavaScript教程

其它预定义对象多行文本输入区(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>

JavaScript入门ppt,简单JavaScript教程

其它预定义对象父类是表单对象。对象的属性有name,type,value和对象的属性有name,type,value和 defaultValue。 defaultValue。支持focus,blur和select方法。支持focus,blur和select方法。支持onFocus,onBlur,onChange和支持onFocus,onBlur,onChange和 onSelect事件句柄。 onSelect事件句柄。

JavaScript入门ppt,简单JavaScript教程

其它预定义对象让我们来看一个对多行文本域进行某些事件处理 (onfocus和onblur)的例子。 onfocus和onblur)的例子。

JavaScript入门ppt,简单JavaScript教程

其它预定义对象当文本域获得焦点时，颜色变为粉红色：

当文本域失去焦点时，颜色变为绿色：

JavaScript入门ppt,简单JavaScript教程

其它预定义对象上例的代码如下所示：<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>

JavaScript入门ppt,简单JavaScript教程

其它预定义对象重置(Reset)对象重置(Reset)对象reset按钮将表单中的所有元素设置为默认值。 reset按钮将表单中的所有元素设置为默认值。语法如下所示：<input type=”reset” name=”resetName” value=”labelName” [onClick=”handlercode”] >

JavaScript入门ppt,简单JavaScript教程

其它预定义对象父类是表单对象。重置按钮的属性有name,type和value。重置按钮的属性有name,type和value。支持的方法有click,blur和focus。支持的方法有click,blur和focus。支持的事件句柄只有onClick。支持的事件句柄只有onClick。

JavaScript入门ppt,简单JavaScript教程

其它预定义对象密码输入区(password)对象密码输入区(password)对象password对象在HTML表单中创建一个文本框，输入 password对象在HTML表单中创建一个文本框，输入文本以星号“* 文本以星号“*”显示，以隐藏它的值。语法如下所示： <input type=”password” name=”textboxName” [value=

”initialtext”] [size=”number”] [maxlength=”number”]

JavaScript入门ppt,简单JavaScript教程

其它预定义对象[onFocus=”handlercode”] [onBlur=”handlercode”] [onChange=”handlercode”] [onSelect=”handlercode”] >

父类是表单对象。 password对象有name,type,value和 password对象有name,type,value和 defaultValue属性。 defaultVal …… 此处隐藏：3060字，全部文档内容请下载后查看。喜欢就下载吧 ……

4JavaScript预定义对象(一).doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/281587.html（转载请注明文章来源）

上一篇：苏教版小学四年级下册科学教学计划
下一篇：塑胶制品等项目可行性研究报告(发改立项备案+2013年最新案例范文