Rumah > hujung hadapan web > tutorial js > JavaScript对象

JavaScript对象

高洛峰
Lepaskan: 2016-11-25 13:42:51
asal
951 orang telah melayarinya

 我们要开始学习内建的 JavaScript 对象,以及如何使用它们。从下一节开始,我们将具体地依次讲解的这些内建的 JavaScript 对象。 
1、  字符串对象 
例子1:计算字符串长度 
 
 
 
 
 
 
 
         
        例子2:为字符串添加样式 
         
 
 
 
 
 
 
 
indexOf() 方法 
如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。 
match() 方法 
如何使用 match() 来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。 
 
 
 
 
 
 
 
如何替换字符串中的字符 - replace() 
如何使用 replace() 方法在字符串中用某些字符替换另一些字符。 
 
 
 
 
 
 
 
 
 
 
2、JavaScript Date(日期)对象 
定义日期 
Date 对象用于处理日期和时间。 
可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象: 
var myDate=new Date()  
注释:Date 对象自动使用当前的日期和时间作为其初始值。 
操作日期 
通过使用针对日期对象的方法,我们可以很容易地对日期进行操作。 
在下面的例子中,我们为日期对象设置了一个特定的日期 (2008 年 8 月 9 日): 
var myDate=new Date() 
myDate.setFullYear(2008,7,9) 
注意:表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。 
在下面的例子中,我们将日期对象设置为 5 天后的日期: 
var myDate=new Date() 
myDate.setDate(myDate.getDate()+5) 
注意:如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换。 
比较日期 
日期对象也可用于比较两个日期。 
下面的代码将当前日期与 2008 年 8 月 9 日做了比较: 
var myDate=new Date(); 
myDate.setFullYear(2008,7,9); 
 
var today = new Date(); 
 
if (myDate>today) 

alert("Today is before 9th August 2008"); 

else 

alert("Today is after 9th August 2008"); 

 
 
getTime() 
getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。 
 
 
 
 
 
 
 
setFullYear() 
如何使用 setFullYear() 设置具体的日期。 
 
 
 
 
 
 
 
toUTCString() 
如何使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串。 
 
 
 
 
 
 
 
getDay() 
如何使用 getDay() 和数组来显示星期,而不仅仅是数字。 
 
 
 
 
 
 
 
显示一个钟表 
如何在网页上显示一个钟表。 
 
 
 

 
 
 
 
 
 
 
3、JavaScript Array(数组)对象 
合并两个数组 - concat() 
如何使用 concat() 方法来合并两个数组。 
 
 
 
 
 
 
 
用数组的元素组成字符串 - join() 
如何使用 join() 方法将数组的所有元素组成一个字符串。 
 
 
 
 
 
 
 
文字数组 - sort() 
如何使用 sort() 方法从字面上对数组进行排序。 
 
 
 
 
 
 
 
数字数组 - sort() 
如何使用 sort() 方法从数值上对数组进行排序。 
 
 
 
 
 
 
 
 
 
4、JavaScript Boolean(逻辑)对象 
创建 Boolean 对象 
使用关键词 new 来定义 Boolean 对象。下面的代码定义了一个名为 myBoolean 的逻辑对象: 
var myBoolean=new Boolean() 
 
5、JavaScript Math(算数)对象 
round() 
如何使用 round()。 
random() 
如何使用 random() 来返回 0 到 1 之间的随机数。 
max() 
如何使用 max() 来返回两个给定的数中的较大的数。 
min() 
如何使用 min() 来返回两个给定的数中的较小的数。 
 
6、JavaScript RegExp 对象 
定义 RegExp 
RegExp 对象用于存储检索模式。 
通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象,其模式是 "e": 
var patt1=new RegExp("e"); 
当您使用该 RegExp 对象在一个字符串中检索时,将寻找的是字符 "e"。 
RegExp 对象的方法 
RegExp 对象有 3 个方法:test()、exec() 以及 compile()。 
test() 
test() 方法检索字符串中的指定值。返回值是 true 或 false。 
例子: 
var patt1=new RegExp("e"); 
 
document.write(patt1.test("The best things in life are free"));  
由于该字符串中存在字母 "e",以上代码的输出将是: 
true 
TIY 
exec() 
exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。 
例子 1: 
var patt1=new RegExp("e"); 
 
document.write(patt1.exec("The best things in life are free"));  
由于该字符串中存在字母 "e",以上代码的输出将是: 

TIY 
compile() 
compile() 方法用于改变 RegExp。 
compile() 既可以改变检索模式,也可以添加或删除第二个参数。 
例子: 
var patt1=new RegExp("e"); 
 
document.write(patt1.test("The best things in life are free")); 
 
patt1.compile("d"); 
 
document.write(patt1.test("The best things in life are free")); 
由于字符串中存在 "e",而没有 "d",以上代码的输出是: 
truefalse 
 
 
7、JavaScript HTML DOM 对象 
•   Previous Page 
•   Next Page 
除了内置的 JavaScript 对象以外,你还可以使用 JavaScript 访问并处理所有的 HTML DOM 对象。 
更多 JavaScript 对象 
点击以下链接,可以获得以下对象的更多信息,包括它们的集合、属性、方法以及事件。 
对象  描述 
Window 
JavaScript 层级中的顶层对象。Window 对象表示浏览器窗口。每当 或者 标签出现,Window 对象就会被自动创建。 
Navigator 
包含客户端浏览器的信息。 
Screen 
包含客户端显示屏的信息。 
History 
包含了浏览器窗口访问过的 URL。 
Location 
包含了当前URL的信息。 
HTML DOM 
HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。 
HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。 
通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。 
HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。 
点击下面的链接,可获得更多关于如何使用 JavaScript 来访问和处理 DOM 对象的知识: 
对象  描述 
Document 
代表整个 HTML 文档,用来访问页面中的所有元素。 
Anchor 
代表 元素。 
Area 
代表图像地图中的 元素。 
Base 
代表 元素。 
Body 
代表图像地图中的 元素。 
Button 
代表