4JavaScript预定义对象(一)

更新时间：2023-04-23 17:22:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

4ja1和4jb1发动机区别推荐度：
相关推荐

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属性。 defaultValue属性。支持focus,blur和select方法，以及onFocus, 支持focus,blur和select方法，以及onFocus, onBlur,onChange和onSelect事件句柄。 onBlur,onChange和onSelect事件句柄。

JavaScript入门ppt,简单JavaScript教程

其它预定义对象程序产生的输出界面以及各种警告框如下所示：

JavaScript入门ppt,简单JavaScript教程

其它预定义对象

JavaScript入门ppt,简单JavaScript教程

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

本文来源：https://www.bwwdw.com/article/ogtq.html

相关文章：

正在阅读：

4JavaScript预定义对象(一)04-23

湖南省2016年普通高等学校对口招生考试英语（对口）试题10-18

关于推行增值税发票系统升级版有关问题的(国家税务总局公告2014年第73号 )05-25

132型综掘机技术规格书04-19

大连市住房建设规划(2006-2010)(doc 29)09-11

上一篇：小学生常见病句类型下一篇：38 日文的可能形用法