通过代码实例跟我学JavaScript ——JavaScript中的内置对象(第2部分)

1.1JavaScript中的内置对象（第2部分）

1、主要的内置对象

2、引用对象的属性与方法

在JavaScript中，对于对象的属性与方法的引用，有下面的两种形式。

（1）静态对象

对于静态对象（如Math），即在引用该对象的属性或方法时不需要为它创建实例；（2）动态对象

而对于动态对象（如String、Date、Array和screen等）则在引用它的对象或方法之前，必须为它创建一个实例。

3、创建String 对象——new String(s)

当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 String 对象，存放的是字符串 s 或 s 的字符串表示。

（1）字符串对象的属性

该对象有一个length属性，它表明了字符串中的字符个数，包括所有符号。例：someOneString="This is a JavaScript" ;

someOneStringLength= someOneString.length;

最后someOneStringLength返回someOneString字符串的长度为20。

（2）字符串对象的方法

主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。其主要方法如下。

（3）返回字符串中的子字符串示例

var the_substring = the_string.substring(起始位置,endPos);

endPos是该子字符串中比最后一个位置大１的位置，用“endPos”的位置减去“起始位置”的位置就会得出该子字符串的长度。

var someOneString = "someOneString";

var someOneSubString = someOneString.substring(0,4);

var someTwoSubString = someOneString.substring(3,6);

运行该段代码后变量someOneSubString的值为"some"; 变量someTwoSubString的值为"One"。

（4）实现字符串分割功能的方法(splitting method)

可以使用split方法用限位器来分割一系列的名称，然后将其放在一个数组中。例如：var friendsList ="zhang,wang,li,liu,yang";

var friendArray = friendsList.split(",");

for (index=0; index < friendArray.length; index ++){

document.writeln(friendArray[index] + "
");

}

这段代码将字符串friendsList分割成包含５个元素的数组．JavaScript可以自动建立一个数组，所以无需使用new Array()；将字符串分割成数组之后，我们使用了循环语句写出每一个名称。

（5）JavaScript中的字符串尽可能避免采用“+”连接

字符串在用“+”实现连接时存在性能的问题，因为JavaScript中的字符串也是不可变的，即它们的值不能改变。如下面的示例代码：

var oneString = "this is one String !";

oneString += " this is other String !";

实际上，这段代码在幕后执行的步骤如下：

1)创建存储" this is one String !" 的字符串。

2)创建存储" this is other String !" 的字符串。

3)创建存储连接结果的字符串。

4)把oneString的当前内容复制到结果中。

5)把" this is other String !" 复制到结果中。

6)更新stroneString使它指向结果。

每次完成字符串连接都会执行步骤 2 到6，使得这种操作非常消耗资源。如果重复这一过程几百次，甚至几千次，就会造成性能问题。解决方法是用Array数组对象存储字符串，然后用join() 方法（参数是空字符串）创建最后的字符串。

var stringArray = new Array();

stringArray [0] = " this is one String !";

stringArray [1] = " this is other String !";

var oneString = stringArray.join("");

这样，无论数组中引入多少字符串都不成问题，因为只在调用join()方法时才会发生连接操作。此时，执行的步骤如下：

1)创建存储结果的字符串

2)把每个字符串复制到结果中的合适位置

6、算术函数的Math对象的编程应用

（1）功能：提供除加、减、乘、除以外的一些运算功能——如对数、平方根等。

（2）主要属性

Math中提供了６个属性，它们是数学中经常用到的常数Ｅ、以10为底的自然对数ＬＮ１０、以２为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。（3）主要方法

绝对值：abs()、正弦余弦值：sin(),cos()、反正弦反余弦 :asin(), acos() 、正切反正切：tan(),atan() 、四舍五入：round() 、平方根：sqrt() 、基于几方次的值：

Pow(base,exponent) 等。

7、Date对象构造函数

Date做为JavaScript的一种内置对象，必须使用new的方式创建。 Date对象在JavaScript内部的表示方式是，距1970年1月1日午夜（GMT时间）的毫秒数（时间戳），我们在这里也把Date的内部表示形式称为时间戳。可以使用getTime()将Date对象转换为Date的时间戳，方法setTime()可以把Date的时间戳转换为Date的标准形式。

（1）Date对象具有多种构造函数。

1)new Date()

2)new Date(milliseconds)

3)new Date(datestring)

4)new Date(year, month)

5)new Date(year, month, day)

6)new Date(year, month, day, hours)

7)new Date(year, month, day, hours, minutes)

8)new Date(year, month, day, hours, minutes, seconds)

9)new Date(year, month, day, hours, minutes, seconds, microseconds)

（2）Date对象构造函数参数说明

1)milliseconds - 距离JavaScript内部定义的起始时间1970年1月1日的毫秒数

2)datestring - 字符串代表的日期与时间。此字符串可以使用Date.parse()转换

3)year - 四位数的年份，如果取值为0-99，则在其之上加上1900

4)month - 0(代表一月)-11(代表十二月)之间的月份

5)day - 1-31之间的日期

6)hours - 0(代表午夜)-23之间的小时数

7)minutes - 0-59之间的分钟数

8)seconds - 0-59之间的秒数

9)microseconds - 0-999之间的毫秒数

8、Date类中的各个功能函数说明

（1）日期获取功能方面的各个函数

1)Date() 函数-- Date对象的构造函数

2)getDate() 函数-- 返回date对象中的月份中的天数(1-31)

3)getDay()函数-- 返回date对象中的星期中的天数(0-6)

4)getFullYear() 函数-- 返回date对象中的四位数年份

5)getHours()函数-- 返回date对象中的小时数(0-23)

6)getMilliseconds() 函数-- 返回date对象中的毫秒数(0-999)

7)getMinutes() 函数-- 返回date对象中的分钟数(0-59)

8)getMonth() 函数-- 返回date对象中的月份数(0-11)

9)getSeconds() 函数-- 返回date对象中的秒数(0-59)

10)getTime() 函数-- 返回date对象的时间戳表示法(毫秒表示)

11)getTimezoneOffset() 函数-- 返回本地时间与用UTC表示当前日期的时间差，以分钟

为单位

12)getUTCDate() 函数-- 返回date对象中用世界标准时间(UTC)表示的月份中的一天

(1-31)

13)getUTCDay() 函数-- 返回date对象中用世界标准时间(UTC)表示的周中的一天(0-6)

14)getUTCFullYear() 函数-- 返回date对象中用世界标准时间(UTC)表示的四位年份

15)getUTCHours() 函数-- 返回date对象中用世界标准时间(UTC)表示的小时数(0-23)

16)getUTCMilliseconds() 函数-- 返回date对象中用世界标准时间(UTC)表示的毫秒数

(0-999)

17)getUTCMinutes() 函数-- 返回date对象中用世界标准时间(UTC)表示的分钟数(0-59)

18)getUTCMonth() 函数-- 返回date对象中用世界标准时间(UTC)表示的月份数(0-11)

19)getUTCSeconds() 函数-- 返回date对象中用世界标准时间(UTC)表示的秒数(0-59)

20)getYear() 函数-- 返回date对象的年份(真实年份减去1900)

21)Date.UTC()函数-- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的

毫秒数(时间戳)

（2）日期设置功能方面的各个函数

1)setDate() 函数-- 设置date对象中月份的一天，并返回date对象距1970年1月1日

午夜之间的毫秒数(时间戳)

2)setFullYear() 函数-- 设置date对象中的年份，月份和天，并返回date对象距1970

年1月1日午夜之间的毫秒数(时间戳)

3)setHours() 函数-- 设置date对象的小时，分钟，秒和毫秒，并返回date对象距1970

年1月1日午夜之间的毫秒数(时间戳)

4)setMilliseconds() 函数-- 设置date对象的毫秒数，并返回date对象距1970年1月1

日午夜之间的毫秒数(时间戳)

5)setMinutes() 函数-- 设置date对象的分钟，秒，毫秒，并返回date对象距1970年1

月1日午夜之间的毫秒数(时间戳)

6)setMonth() 函数-- 设置date对象中月份，天，并返回date对象距1970年1月1日

午夜之间的毫秒数(时间戳)

7)setSeconds() 函数-- 设置date对象中月份的一天，并返回date对象距1970年1月1

日午夜之间的毫秒数(时间戳)

8)setTime() 函数-- 使用毫秒数设置date对象，并返回date对象距1970年1月1日午

夜之间的毫秒数(时间戳)

9)setUTCDate() 函数-- 设置date对象中用世界标准时间(UTC)表示的月份的一天，并

返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)

10)setUTCFullYear() 函数-- 设置date对象中用世界标准时间(UTC)表示的年份，月份

和天，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)

11)setUTCHours() 函数--- 设置date对象中用世界标准时间(UTC)表示的小时，分钟，

秒和毫秒，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)

12)setUTCMilliseconds() 函数-- 设置date对象中用世界标准时间(UTC)表示的毫秒数，

并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)

13)setUTCMinutes() 函数-- 设置date对象中用世界标准时间(UTC)表示的分钟，秒，并

返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)

14)setUTCMonth() 函数-- 设置date对象中用世界标准时间(UTC)表示的月份，天，并

返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)

15)setUTCSeconds() 函数-- 设置date对象中用世界标准时间(UTC)表示的秒，毫秒，并

返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)

16)setYear() 函数-- 设置date对象的年份(真实年份减去1900)

（3）日期打印方面的功能函数

1)toDateString() 函数-- 返回date对象的日期部分的字符串表示

2)toGMTString() 函数-- 返回date对象的格林威治时间(GMT)的字符串表示

3)toLocaleDateString函数-- 返回date对象的日期部分的本地化字符串

4)toLocaleTimeString函数-- 返回date对象的时间部分的本地化字符串

5)toTimeString()函数-- 返回date对象的时间部分的字符串

6)toUTCString函数-- 返回date对象的世界标准时间(UTC)的字符串表示

（4）日期解析类函数

Date.parse() 函数-- 解析一个日期的字符串，并返回该日期距1970年1月1日午夜之间的毫秒数（时间戳）。

9、Date对象应用示例

（1）包装时间和日期的Date对象

（2）代码示例

var oneDate = new Date(); /* 对象实例*/

document.write(oneDate.toString());

var twoDate = new Date("2009-12-12 12:12:12);

document.write(twoDate.toString());

var threeDate = new Date(2009, 8, 8);

document.write(threeDate.toString());

10、获取或者设置日期和时间

（1）获取日期的时间方法

getYear()：返回年数、getMonth()：返回当月号数、getDate()：返回当日号数、

getDay()：返回星期几、getHours()：返回小时数、getMintes()：返回分钟数、getSeconds()：返回秒数、getTime()：返回毫秒数。

（3）设置日期和时间

setYear();设置年、setDate():设置当月号数、setMonth():设置当月份数、setHours():设置小时数、setMintes():设置分钟数、setSeconds():设置秒数、setTime():设置毫秒数。注意：不同的浏览器对Date的支持有差别——1900。

注意：因此需要在|JS中判断浏览器的类型，然后再分别进行处理。

11、数组对象Array的编程应用

（1）功能

它隐含地代表某一个数组，即只要创建出一个数组就可以通过数组名来引用该对象内的方法和属性。

（2）创建数组Array对象

1)格式１：数组对象名称=new Array([元素个数])

2)格式２：数组对象名称=new Array([[元素1][，元素2，...]])

3)格式３：数组对象名称=[元素1[，元素2，...]]

示例：

fruit=new Array(3); // fruit=new Array();

fruit[0]="苹果";

fruit[1]="梨子";

fruit[2]="橘子";

fruit=new Array("苹果"，"梨子"，"橘子");

fruit=["苹果"，"梨子"，"橘子"];

（3）数组对象Array中的属性length指明了数组的长度。

（4）数组对象Array中的典型方法

1)join() 将数组值连接变为一个字符串；

2)reverse()将数组值倒序；

3)sort()将对数组值进行排序;

4)toString()以字符串表示数组

5)valueOf()返回数组值

示例：

12、Screen对象中的各个属性

Screen对象包含客户端屏幕相关信息，主要有如下的属性。

（1）availHeight：屏幕可见高度（不包含任务栏），也就是可用工作区的高度

（2）availWidth：屏幕可见宽度（不包含任务栏），也就是可用工作区的宽度

（3）bufferDepth：设置或获取位图缓冲颜色的像素位数

（4）colorDepth：获取用于目标设置或缓冲区的颜色的像素位数——色深8 ，16，32位颜色。

（5）deviceXDPI：设置或获取系统屏幕水平方向每英寸的实际点数值

（6）deviceYDPI：设置或获取系统屏幕垂直方向每英寸的实际点数值

（7）fontSmoothingEnabled：获取用户是否在显示设置中启用了圆整屏幕字体边角的选项（8）height：获取屏幕的垂直分辨率（高）

（9）logicalXDPI：获取系统屏幕水平每英寸的常规点数值

（10）logicalYDPI：获取系统屏幕垂直每英寸的常规点数值

（11）updateInterval：设置或获取屏幕的更新间隔

（12）width：获取屏幕的水平分辨率（宽度）

（13）其它的尺寸

1)网页可见区域宽：document.body.clientWidth

2)网页可见区域高：document.body.clientHeight

3)网页可见区域高：document.body.offsetHeight (包括边线的高)

4)网页可见区域宽：document.body.offsetWidth (包括边线的宽)

5)网页正文全文高：document.body.scrollHeight

6)网页正文全文宽：document.body.scrollWidth

7)网页被卷去的高：document.body.scrollTop

8)网页被卷去的左：document.body.scrollLeft

9)网页正文部分上：window.screenTop

10)网页正文部分左：window.screenLeft

13、JavaScript中的Number对象

（1）Number对象是代表数值数据类型和提供数值常数的对象

Number 对象最主要的用途是将其属性集中到一个对象中，以及使数字能够通过toString 方法转换为字符串。

（2）Number对象的属性

1)MAX_V ALUE：最大有效数字

2)MIN_V ALUE：最小有效数字

3)NaN：非数字

4)POSITIVE_INFINITY：正无穷大

5)NEGATIVE_INFINITY：负无穷大

（3）Number对象的方法

1)toExponential()：转化为科学计数法，参数为小数点后保留的位数

2)toFixed()：设定保留的小数位数，参数为小数闰数，为空则无小数部分，采用四舍五

入方法进行

3)toLocaleString()：转化为本地表示方法，涉及到小数点，千分号的表示

4)toString()：转化为字符串，参数为转化时参照的进制，默认为十进制

5)toPrecision()：设定数字的精确度，参数为精度要求

6)valueOf()：返回数字的数值（由Number转化为简单数值类型）