JavaScript入门:对象属性与方法全面总结

作者:半夏时间:2026-10-22 08:33:47浏览:531

本文系统总结了JavaScript核心对象的关键属性与方法。涵盖Array的排序与合并、String的格式化与查找、Date的时间处理、Math的数学运算,以及window、document、location等浏览器内置对象的常用API,帮助开发者快速掌握JS基础操作。

JavaScript对象概述

这是JavaScript入门系列的最后一节内容(目前计划如此)。需要明确的是,即使前面的实例操作都很熟练,也不代表真正掌握了JS,甚至可以说我们只是站在门槛上,尚未真正入门。之所以匆匆结束本节,是因为最终目标是AJAX/Atlas,后续教程还会涉及大量JS知识,且我会提供详尽注释,因此更多JS内容将在未来继续学习。本节重点梳理JS最重要的部分——《对象》的方法和属性,这些内容极具价值,建议收藏以备后用。虽然大家可能自认天才,但人脑并非硬盘,即便硬盘也有坏道,谁能保证所有知识都记得住呢?




Array对象属性与方法

数组(Array):一组有序排列的元素集合。



详细演示请参考:[js入门系列演示·数组 ] http://www.cnblogs.com/thcjp/archive/2006/08/04/467761.html



属性:



length:用于获取数组中元素的个数,即最大下标加 1。



方法:



sort(function):在未指定排序函数的情况下,默认按元素的字母顺序排列;若非字符串类型,则先转换为字符串再排序。



reverse():颠倒数组中元素的顺序。



concat(array1,arrayn):用于将N个数组合并到array1数组中。



join(string):用于将数组中的元素合并为一个字符串,string为分隔符;若省略参数,则直接合并,不添加分隔符。



slice(start,stop):用于返回数组中从start到stop之间的元素;若参数为负数,则表示倒数第start或第stop个元素。



toString():将数组所有元素返回为一个字符串,元素之间用逗号分隔。




--------------------------------------------------------------------------------

String对象属性与方法

字符串(string):无需过多解释,详细演示参阅[javascript入门·js核心语言--字符串(string)] http://www.cnblogs.com/thcjp/archive/2006/08/11/474563.html


属性:



length:用于返回字符串的长度,用法与数组相同。



方法:



anchor():该方法创建类似HTML中anchor的标记,格式为 <a name="" .....> ,可通过 string.anchor(chorName) 访问。


例如 document.write("到天轰穿.net\ajax\atlas 博客察看更多教程"+myLink.link("http://www.cnblogs.com/thcjp/"))



toUpperCase():将字符串转换为大写。



toLowerCase():将字符串转换为小写。



indexOf(a,b):从第 b 个字符开始查找字符 a 在字符串中出现的位置并返回;若省略 b,则默认从 0 位置开始查找。



chartAt(i):返回字符串中第 i 个字符。



substring(start,end):返回字符串中从 start 到 end 之间的所有字符(不包含 end 本身那个字符)。



sub():将指定的字符串以下标格式显示。




--------------------------------------------------------------------------------

Date对象属性与方法

日期(Date):详细演示见 : js入门·动态的时钟,显示完整的一些方法,新年倒计时 http://www.cnblogs.com/thcjp/archive/2006/08/16/478313.html



定义方法:



a: var newdt=new Date() --> 创建时间对象并赋值为当前时间;。


b: var newdt=new Date(milliseconds) --> 创建时间对象,且以GTM的延迟时间来设置对象的值,单位为毫秒;。


c:var newdt=new Date(string) --> 使用特定的时间字符串为新创建的时间对象赋值,其格式与Date对象的parse方法匹配;。


d: var newdt=new Date(年,月,日,小时,分,秒,毫秒) --> 按照年,月,日,小时,分,秒,毫秒 的顺序为对象赋值;。



方法: 分为 获取时间;设置时间;格式转换。



A:获取时间



getDate() -----获取当前完整时间;。


getYear()------获取当前的年。


getMonths()----获取当前的月份。


getDay()-------获取当前的日期 天。


getHours()-----获取当前的小时。


getMinutes()---获取当前的分钟。


getSeconds()---获取当前的秒。


getTime()------获取当前的时间,单位 秒。


getTimeZoneOffset--获取当前的时区偏移信息。



b:设置时间



对照上面的获取,把get换成 set 即可,例如 getDate() ---> setDate()。



c:转换方法



toGTMString() ------转换成格林威治标准时间表达式的字符串;。


toLocaleString()----转换成当地时间表达的字符串。


toString()----------把时间转换成字符串。


parse---------------从表示时间的字符串中读出时间。


UTC-----------------返回从格林威治标准时间到指定时间的差距,单位为 毫秒。




--------------------------------------------------------------------------------

Math对象属性与方法

Math 数学:演示实例见 javascript入门· javascript math对象演示 http://www.cnblogs.com/thcjp/archive/2006/08/12/475100.html


属性:注意,数学对象中的属性是指读的。



E (=2.7182) ------自然对数的底(具体意思,我不明白,唉,和数学密切的东西我都不明白,郁闷!)。


LN10(=2.30259) ---10的自然对数;。


LN2(=0.69315)-----2的自然对数;。


PI(=3.1415926)----圆周率。


SQRT1_2(=0.7071)--1/2的平方根。


SQRT2(=1.4142)----2的平方根。


LOG2E(=1.44269)---以2为底,E的对数。


LOG10E(=0.43429)--以10为底E的对数。



方法: 其实用得上的不多,郁闷,全部弄出来吧。



sin(a) ---- 求a的正弦值。


cos(a)------求a的余弦值。


tan(a)------求a的正切值。


asin(a)-----求a的反正弦值。


atan(a)-----求a的反余弦值。


exp(a)------求a的指数。


log(a)------求a的自然对数。


Pow(a,i)----求a的i次方(乘方)。


round(a)----对a进行四舍五入运算。


sqrt(a)-----求a的平方根。


abs(a)------求a的绝对值。


random()----取随机数。


max(a,b)----取较大的数。


min(a,b)----取较小的数。



注意:函数的参数均是浮点类型,三角函数的参数为弧度值,而不是度。




--------------------------------------------------------------------------------

JavaScript内置函数

JavaScript的内置函数



演示见 : [javascript入门·简单运算和数据类型转换] http://www.cnblogs.com/thcjp/archive/2006/08/03/467150.html



escape() 与 unescape() :对字符串进行 编码与解码。



eval(字符串):用于执行字符串所代表的运算或语句。


例如:var a=0; var str1="a+=a"; eval(str1);。



parseInt() 和 parseFloat():将文本框的值转换成整数 或 浮点数。



注意:parseInt()不是对数字进行四舍五入操作,而是切尾。



isNaN():完整的E文是(is not a number),顾名思义是 判断字符串是否是数字,例如 if(isNaN("天轰穿系列教程"))。




--------------------------------------------------------------------------------

自定义对象创建

自定义对象:有初始化对象和定义构造函数的对象两种方法。



详细演示见 :javascript入门系列演示·函数的定义以及简单参数使用,调用函数 http://www.cnblogs.com/thcjp/archive/2006/08/04/467487.html


[js入门实例の构造函数\方法的定义和调用\原型对象] http://www.cnblogs.com/thcjp/archive/2006/08/02/466100.html



a:初始化对象



例如: 对象={属性1:值1;属性2:值2;......属性n:值n} ,注意,每个属性\值对之间用分号隔开;。



b: 定义构造函数的对象



例如:


function 函数名(属性1,属性2,。。。属性N){



this.属性1=属性值1;


this.属性2=属性值2;


this.属性n=属性值n;



this.方法名1=函数名1;


this.方法名2=函数名2;



}

注意:方法名和函数名可以同名,但是在方法调用函数前,函数必须已经定义好,否则会出错。



为自定义的函数创建新的实例一样是使用 new 语句。




--------------------------------------------------------------------------------

浏览器内置对象详解

浏览器对象


window对象:他属于中央级的了,处于所有对象的最高级,说白了,没有他,你们全没的玩;。



演示见 :js入门·移动窗体/弹出提示 http://www.cnblogs.com/thcjp/archive/2006/08/03/466981.html


javascript入门系列演示·三种弹出对话框的用法实例 http://www.cnblogs.com/thcjp/archive/2006/08/04/468047.html



属性:主要的有如下



closed----------用于判断窗口是否关闭;。


opener----------存放open()方法打开窗口的父窗口;。


defaultstatus---状态栏默认显示的信息;。


status----------状态栏当前显示的信息;。


Document,Location,History---很重要,稍后详细说,要是不想等,直接看这里。



方法:



alert(text)-------------弹出一个提示信息框。


confirm(text)-----------确认信息框,参数为确认信息。


prompt(text,default)----弹出输入对话框,参数为提示信息和缺省值。




--------------------------------------------------------------------------------

document对象:包括当前网页的各种特征,如标题\URL\背景\语言\修改时间等。



演示见:javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) http://www.cnblogs.com/thcjp/archive/2006/08/08/470997.html


js入门·打开/关闭指定URL的窗口/改变链接时候状态栏的文字 http://www.cnblogs.com/thcjp/archive/2006/08/04/468017.html



属性:



title------------文档标题。


lastModified-----文件最后修改时间。


URL--------------文档对应的页面地址。


Cookie-----------用来创建和获取Cookie信息。


bgColor----------文档的背景色。


fgColor----------文档的前景色。


location---------保存文档所有的页面地址信息。


alinkcolor-------激活连接的颜色。


linkcolor--------链接的颜色。


vlinkcolor-------已浏览过的链接的颜色。



方法:



write(text)-----向文档写入文字或标签,不换行。


writeln(text)---向文档写入文字或标签,在最后一个字符处换行。


open()----------打开一个新文档 例如 open("地址","窗口名字","样式")。


close()---------关闭当前文档。




--------------------------------------------------------------------------------

Location对象: 包含当前文档所有的页面地址信息。



属性:



protocol-----------通信协议。


host---------------页面所在WEB服务器的主机名称。


port---------------服务器通信的端口号。


pathname-----------文档在服务器上的路径。


hash---------------页面跳转的锚标记信息。


searce-------------页面提交到服务器上搜索的信息。


hostname-----------主机的名称和端口号,中间用冒号隔开。


href---------------完整的URL地址。



方法:



assign(URL)--------将页面导航到另一个地址上去。


reload-------------刷新页面。


replace(URL)-------使用指定URL的页面代替当前页面。




--------------------------------------------------------------------------------

History:该对象包括以前访问过的URL信息。



属性 :length,返回URL数量,方法主要是 go(n) ,通过该方法载入相对的页面。



这篇,我用了一天多才总结完,希望要转载的话注名出处吧,我真的写得很辛苦的啦!!



转自:

天轰穿.net/vs2005/ajax入门
作者最新文章