对象的定义
基本格式如下:
Function Object(属性表)
This.prop1=prop1 This.prop2=prop2
...
This.meth=FunctionName1;
This.meth=FunctionName2;
...
例如定义对象university
function university(name,city,createDate,URL)
This.Name=Name; This.city=city;
This.createDate=New Date(creatDate);
This.URL=URL; This.showuniversity=showuniversity;
在一个对象的定义中,可以为该对象指明其属性和方法。通过属性和方法构成一个对象的实例。
对象定义完成后,可以为该对象创建一个实例:
NewObject=New object();
定义对象的方法:
function showuniversity()
For (var prop in this) alert(prop+="+this[prop]+"");
其中alert是JavaScript中的内部函数,显示其字符串。
定义对象的数组
Function arrayName(size){
This.length=Size;
for(var X=; X<=size;X++)
this[X]=0;
Reture this;}
一个数组定义完成以后,还不能马上使用,必须为该数组创建一个数组实例:
Myarray=New arrayName(n);
//并赋于初值:
Myarray[1]=“字串1”;
Myarray[2]=“字串2”;
Myarray[3]=“字串3”;
...
Myarray[n]=“字串n”;
窗体对象
窗体对象最主要的功能就是能够直接访问HTML文档中的窗体,它封装了相关的HTML代码:
1.<Form
Name =“表单的名称"
Target ="指定信息的提交窗口"
action ="接收窗体程序对应的URL"
Method =信息数据传送方式(get/post)
encodetype ="窗体编码方式"
[onsubmit ="JavaScript代码"]>
</Form>
2、窗体对象的方法
窗体对象的方法只有一个--submit()方法,该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体,则使用下列格式:
document.mytest.submit()
3、窗体对象的属性
窗体对象中的属性主要包括以下:elements name action target encoding method.
除Elements外,其它几个均反映了窗体中标识中相应属性的状态,这通常是单个窗体标识;而elements常常是多个窗体元素值的数组,例:
elements[0].Mytable.elements[1]
4、访问窗体对象
在JavaScript中访问窗体对象可由两种方法实现:
(1)通过访问窗体
在窗体对象的属性中首先必须指定其窗体名,而后就可以通过下列标识访问窗体如:document.Mytable()。
(2)通过数组来访问窗体
除了使用窗体名来访问窗体外,还可以使用窗体对象数组来访问窗体对象。但需要注意一点,因窗体对象是由浏览器环境的提供的,而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问:
document.forms[0]
document.forms[1]
document.forms[2]...
5、引用窗体的先决条件
在JavaScript中要对窗体引用的条件是:必须先在页面中用标识创建窗体,并将定义窗体部分放在引用之前。
窗体中的基本元素
窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。
在JavaScript中要访问这些基本元素,必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下:
formName.elements[].methodName (窗体名.元素名或数组.方法)
formName.elements[].propertyName(窗体名.元素名或数组.属性)窗体的基本元素
1、Text单行单列输入元素
功能:对Text标识中的元素实施有效的控制。
基本属性:
Name:设定提交信息时的信息名称。对应于HTML文档中的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。
defaultvalue:包括Text元素的默认值
基本方法:
blur():将当前焦点移到后台。
select():加亮文字。
主要事件:
onFocus:当Text获得焦点时,产生该事件。
OnBlur:从元素失去焦点时,产生该事件。
Onselect:当文字被加亮显示后,产生该文件。
onchange:当Text元素值改变时,产生该文件。例:...
<Form name="test">
<input type="text" name="test" value="this is a javascript" >
</form>
...
<script language ="Javascirpt">
document.mytest.value="that is a Javascript";
document.mytest.select();
document.mytest.blur();
</script>
2、textarea多行多列输入元素
功能:实施对Textarea中的元素进行控制。
基本属性
name:设定提交信息时的信息名称,对应HTML文档Textarea的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。
Default value:元素的默认值。
方法:
blur():将输入焦点失去
select():将文字加亮后
事件:
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后,产生该文件
Onchange:当文字值改变时,产生该事件
Onselect:当文字加亮后,产生该文件
3、Select选择元素
功能:实施对滚动选择元素的控制。
属性:
name:设定提交信息时的信息名称,对应文档select中的name。
Length:对应文档select中的length
options:组成多个选项的数组
selectIndex;该下标指明一个选项
select在中每一选项都含有以下属性:
Text:选项对应的文字
selected:指明当前选项是否被选中
Index:指明当前选项的位置
defaultselected:默认选项
事件:
OnBlur:当select选项失去焦点时,产生该文件。
onFocas:当select获得焦点时,产生该文件。
Onchange:选项状态改变后,产生该事件。
4、Button按钮
功能:实施对Button按钮的控制。
属性:
Name:设定提交信息时的信息名称,对应文档中button的Name。
5、checkbox检查框
功能:实施对一个具有复选框中元素的控制。
属性:
name:设定提交信息时的信息名称。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。
Checked:该属性指明框的状态true/false.
defauitchecked:默认状态
方法:
click()该方法使得框的某一个项被选中。
事件:
onclick:当框的选被选中时,产生该事件。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。
方法:click()该方法类似于一个按下的按钮。
事件:onclick当单击button按钮时,产生该事件。
例 :<Form name="test">
<input type="button" name="testcall" onclick=tmyest()>
</form>
...
<script language="javascirpt">
document.elements[0].value="mytest"; //通过元素访问
或
document.testcallvalue="mytest"; // 通过名字访问
</script>
6、radio无线按钮
功能:实施对一个具单选功能的无线按钮控制。
属性:
name:设定提交信息时的信息名称,对应HTML文档中的radio的name相同
value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中的radio的name。
length:单选按钮中的按钮数目。
defalechecked:默认按钮。
checked:指明选中还是没有选中。
index:选中的按钮的位置。
方法:
chick():选定一个按钮。
事件:
onclick:单击按钮时,产生该事件。
7、hidden:隐藏
功能:实施对一个具有不显示文字并能输入字符的区域元素的控制。
属性:
name:设定提交信息时的信息名称,对应HTML文档的hidden中的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档hidden中的value。
defaleitvalue:默认值
8、Password口令
功能:实施对具有口令输入的元素的控制。
属性:
Name:设定提交信息时的信息名称,对应HTML文档中password中的name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中password中的Value。
defaultvalu:默认值
方法
select():加亮输入口令域。
blur():使这丢失passward输入焦点。
focus():获得password输入焦点。
9、submit提交元素
功能:实施对一个具有提交功能按钮的控制。
属性:
name:设定提交信息时的信息名称,对应HTML文档中submit。
Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中value。
方法
click()相当于按下submit按钮。
事件:
onclick()当按下该按钮时,产生该事件。
分享到:
相关推荐
这份“JavaScript语法一览表”涵盖了语言的基础到进阶知识,是学习和参考JavaScript语法的重要资源。 一、变量与数据类型 在JavaScript中,变量通过`var`, `let`, 或 `const` 关键字声明。变量可以存储不同类型的...
本压缩包文件"JavaScript语法手册.rar"包含了全面的JavaScript语法详解,旨在帮助开发者深入理解和掌握这门语言。 JavaScript语法的基础包括变量、数据类型、操作符和控制结构。变量是存储数据的地方,JavaScript有...
"JavaScript语法与范例速查手册"是一本专为开发者和学习者设计的参考资料,旨在帮助他们快速理解和掌握JavaScript的基础知识及实际应用。手册可能包含了从基本语法到高级特性的详尽讲解,同时配以丰富的实例,以加深...
本书《JavaScript语法与范例速查手册》显然是为了帮助开发者快速理解和掌握这门语言的核心概念、语法以及实践技巧。它包含两个主要部分:JavaScript特效和书稿源代码,这些内容都是为了深化对JavaScript的理解和应用...
语法学习,随查随用
这份"JavaScript语法和对象速查手册-源代码"涵盖了JavaScript的基础语法、核心概念以及常用对象,对于开发者来说是一份非常实用的参考资料。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、...
本文将深入探讨如何使用JSLint进行JavaScript语法检查,并介绍相关知识点。 JSLint是由Douglas Crockford开发的一款开源工具,它的主要目标是发现代码中的语法错误、潜在的逻辑问题以及不符合编码规范的部分。通过...
理解并熟练掌握这三种技术是前端开发的基本功,而这份"HTML,CSS,JavaScript语法简明速查表"将帮助开发者快速查找和复习这些关键知识点,提高开发效率。在实际工作中,开发者还应了解相关工具和框架,如预处理器...
### JavaScript语法手册知识点详解 #### 一、JavaScript函数 JavaScript是一种广泛使用的编程语言,尤其适用于Web开发。在JavaScript中,函数是一段可重用的代码块,用于执行特定任务。 ##### 1. GetObject函数 -...
javascript语法,简单的写了一些关于javascript的内容,希望对大家有用处的
JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源...
在"JavaScript语法基础.rar"这个压缩包中,包含了多个章节,涵盖了JavaScript的基础知识,包括数据类型和变量、String对象、Math对象、数组与Array对象、Form对象、数据库访问、条件和循环语句、Window对象、文件...
本资源“JavaScript语法.rar”提供了一份全面的JavaScript语法总结和中文参考手册,非常适合初学者和进阶者进行学习和查阅。 首先,"JavaScript语法.txt"文件是一个文本格式的JavaScript基础语法总结。它可能包含了...
这份"JavaScript语法手册&JavaScript程序范例"旨在帮助你深入理解JavaScript的核心概念,并通过实例加深对语法的理解。 一、JavaScript基础语法 1. 变量声明:JavaScript使用`var`、`let`和`const`进行变量声明。`...
不过,依据标题《JavaScript语法和对象速查手册》和描述,我们可以详细探讨JavaScript的语法和对象相关的知识点。 JavaScript是一种广泛使用的脚本语言,它被内置在大多数的现代网页浏览器中,用于实现网页的动态...
这四本书籍《ASP语法一览电子书》、《CSS语法一览电子书》、《HTML语法一览与参考索引电子书》和《JavaScript语法一览电子书》将为初学者和进阶者提供丰富的学习资源,帮助他们全面理解和掌握这些技术,从而提升网页...