JavaScript创建对象

JavaScript对象创建与使用

JavaScript的对象分为自定义对象、内置对象和浏览器对象。

1、自定义对象的创建与使用

1）直接创建自定义对象

//直接创建方式
var student = {
	name = "zhangsan";
	sex = "boy";
	age = 20;
}
//调用方式
document.write("姓名："student.name+".性别:"+student.sex +".年龄:"+student.age)；
//也可使用student['name']等方式调用
//输出结果
//姓名:zhangsan.性别:boy.年龄:20

2）通过自定义构造函数创建对象

为了方便构造多个相同对象，可以通过自定义的构造函数初始化一个对象。注意调用时要用new关键字。构造函数可以使用参数为内部属性赋值，注意使用this关键字。

//自定义构造函数
function Student(name,sex,age){	//定义构造函数
	this.name = name;	//初始化对象的属性
	this.sex = sex;
	this.age = age;
}
//this关键字表示对对象自己方法和属性的引用
//使用new关键字创建一个对象
var student1 = new Student("zhangsan","boy",20);
//student1和上述直接创建的对象是一样的
也可以创建其它对象
var student2 = new Student("xiaoli","girl",23);

2、内部对象的创建和使用

内部对象分为静态对象和动态对象。静态对象不用创建即可以使用，如Date。动态对象则需要创建才能使用，如Math。

1）静态对象的使用

//Math对象的使用
var larger = Math.max(value1,value2); //比较两个数的大小，并输出最大值
var result = Math.round(value) //对变量进行四舍五入

2）动态对象的使用

//Date对象的使用，必须先创建后使用
var date1 = new Data();	//注意Date是有参数的，当然也可以不传参
document.write(date1); //输出当前日期
document.write(date1.getMonth()+1)	//输出当前月份。注意getMonth()输出月份范围是0～11.

3、浏览器对象

浏览器对象的使用。

1）Js浏览器对象层级结构

Window 窗口对象
( location地址对象、document文档对象
( Form表单对象
(表单控件
) ) ）

2）Window对象属性

名称	对象
document	表示给定浏览器窗口中的 HTML 文档
history	包含有关客户访问过的URL的信息
location	包含有关当前 URL 的信息
name	设置或检索窗口或框架的名称
status	设置或检索窗口底部的状态栏中的消息

3）Window对象方法

常用的对象如下：

alert(“提示信息”)	显示包含消息的对话框
confirm(“提示信息”)	显示一个确认对话框，包含一个“确认，取消按钮”
prompt(“提示信息”)	弹出提示信息框
close()	关闭当前窗口
setTimeout(“函数”，毫秒数)	设置定时器，经过指定毫秒时间执行某个函数
clearTimeOut(“定时器对象”)	清除定时器

4）设置窗口特征open()对象

open（”打开窗口的url”，”窗口名”，”窗口特征”）

窗口的特征如下，可以任意组合

名称	描述
height	窗口高度
width	窗口宽度
top	窗口距离屏幕上方的象素值
left	窗口距离屏幕左侧的象素值
toolbar	是否显示工具栏，yes为显示
menubar	菜单栏
scrollbars	滚动栏
resizable	是否允许改变窗口大小，yes或1为允许
location	是否显示地址栏，yes或1为允许
status	是否显示状态栏内的信息，yes或1为允许

结束：JavaScript对象介绍。