JavaScript核心对象与属性详解

作者:白露时间:2026-10-29 12:34:40浏览:361

本文系统梳理JavaScript中的核心对象及其属性方法。涵盖Script标记用法、Window对象的窗口控制与对话框、Document对象的文档操作、Form表单元素的交互处理,以及String、Date、Math等内置对象的关键功能,为前端开发提供基础参考。

Script标记与基础语法

Script标记

用于在HTML文档中嵌入JavaScript代码。

语法

属性

LANGUAGE属性用于定义脚本语言类型。

SRC属性用于指定一个以.js为扩展名的外部脚本文件的URL地址。

Window与Frame对象详解

Window对象

作为每个HTML文档的顶层对象,代表浏览器窗口本身。

属性

Frames[]数组存储所有子框架,按源文档中定义的顺序排列。

Frames.length属性返回子框架的数量。

Self属性指向当前窗口对象。

Parent属性指向父窗口,适用于当前窗口为嵌套子窗口的情况。

Top属性指向最顶层的窗口,即所有可见窗口的父级窗口。

Status属性用于设置浏览器状态栏显示的消息文本。

DefaultStatus属性定义当Status属性无效或未被设置时,状态栏显示的默认消息。

Name属性用于为通过window.open()方法打开的新窗口定义内部名称。

方法

Alert("message")方法用于显示包含指定消息的JavaScript警告对话框。

Confirm("message")方法显示包含指定消息的确认对话框,提供OK和Cancel按钮。用户点击OK返回true,否则返回false。

Prompt("message")方法显示一个提示对话框,要求用户根据显示的消息输入相应内容。

Open("URL","name")方法用于打开一个新窗口,并赋予其指定的名称。

Close()方法用于关闭当前窗口。

Frame对象

作为浏览器窗口的子窗口,除了不具备Status、DefaultStatus和Name属性外,拥有Window对象的全部其他属性。

Location对象属性解析

Location对象

包含当前文档URL的相关信息。

属性

Href属性返回完整的URL字符串。

Protocol属性包含URL协议部分的字符串,例如"http:"。

Host属性包含URL中主机名和端口号部分的字符串,例如"//www.cenpok.net/server/"。

Hostname属性包含URL中主机名的字符串,例如"http://www.cenpok.net"。

Port属性包含URL中可能存在的端口号字符串。

Pathname属性返回URL中"/"符号之后的部分,例如"~list/index.htm"。

Hash属性返回"#"号(CGI参数)之后的字符串。

Search属性返回"?"号(CGI参数)之后的字符串。

Document对象操作指南

Document对象

包含当前文档的相关信息。

属性

Title属性返回当前文档标题,若未定义则包含"Untitled"。

Location属性返回文档的完整URL。

LastModified属性包含文档最后修改的日期。

Referrer属性返回调用者URL,即用户是从哪个URL链接到当前页面的。

BgColor属性设置背景色,格式为"#xxxxxx"。

FgColor属性设置前景文本颜色。

LinkColor属性设置超链接颜色。

VlinkColor属性设置已访问过的超链接颜色。

AlinkColor属性设置激活状态下的超链接颜色(鼠标按住未释放时)。

Forms[]数组存储文档中所有的Form对象,按定义次序存储。

Forms.length属性返回文档中Form对象的数量。

Links[]数组存储与文档中所有HREF链接对应的数组对象,按定义次序存储。

Links.length属性返回文档中HREF链接的数量。

Anchors[]数组存储锚点(Anchor)对象,按定义次序存储。

Anchors.length属性返回文档中锚点的数量。

方法

Write("string")方法将字符串输出到当前窗口,字符串可以包含HTML标记。

Writeln("string")方法与Write()类似,但在结尾追加回车符,仅在预格式文本(如<pre>或<listing>)中生效。

预格式文本标签如<pre>或<listing>用于保留空格和换行。

Clear()方法清空当前窗口的内容。

Close()方法用于关闭当前窗口。

Form表单元素处理

Form对象

属性

Name属性返回Form标签中NAME属性的字符串值。

Form标签的NAME属性值。

Method属性返回Form标签中METHOD属性的类值,"0"代表"GET","1"代表"POST"。

Action属性返回Form标签中ACTION属性的字符串值。

Target属性指定表单数据提交的目标,与标记中相应属性一致。

Elements[index]属性包含Form中的各个表单元素。

Length属性返回表格中的元素个数。

方法

Submit()方法用于提交表单。

事件处理器OnSubmit()定义当用户单击定义好的按钮提交Form时运行的代码。

Text和Textarea对象

属性

Name属性返回NAME属性的字符串值。

Value属性返回域内容的字符串值。

DefaultValue属性返回域内容的初始字符串值。

方法

Focus()方法用于设置对象的输入焦点。

Blur()方法用于从对象上移走输入焦点。

Select()方法用于选定对象的输入区域。

事件处理器

OnFocus事件处理器在输入焦点进入时执行。

OnBlur事件处理器在域失去焦点时执行。

OnSelect事件处理器在域中有部分文本被选定时执行。

OnChange事件处理器在域失去焦点且域值相对于OnFocus执行时有所改变时执行。

复选框(Checkbox)对象

属性

Name属性返回NAME属性的字符串值。

Value属性返回复选框内容的字符串值,若设置则为"on",否则为"off"。

Checked属性返回复选框内容的布尔值,若设置则为true,否则为false。

DefaultChecked属性反映CHECKED属性的布尔值,表示默认状态。

方法

Click()方法用于选定复选框,并使其状态变为"on"。

事件处理器

OnClick事件处理器在用户单击Checkbox时执行。

单选按钮(Radio)对象

属性

Name属性返回NAME属性的字符串值。

Length属性返回Radio对象中单选按钮的个数。

Value属性返回VALUE属性的字符串值。

Checked属性为布尔值,按下为true,否则为false。

DefaultChecked属性反映CHECKED属性值的布尔值。

方法

Click()方法用于选定单选按钮。

事件处理器

OnClick事件处理器在单选按钮被选定时执行。

Select对象

属性

Length属性返回Select对象中选项的个数。

Name属性由NAME=属性定义的Select对象的内部名。

SelectedIndex属性返回Select对象中当前被选中的Option的下标。

Options属性对应于HTML中定义Select对象时标记中的内容,其属性如下:

Text属性返回标记后的文本串。

Value属性返回VALUE属性的值,当Submit按钮被按下时,该值被提交。

DefaultSelected属性反映标记的SELECTED属性的布尔值。

Selected属性反映Option的当前选择状态的布尔值。

事件处理器

OnFocus事件处理器在输入焦点进入域时执行。

OnBlur事件处理器在域失去输入焦点时执行。

OnChange事件处理器在域失去焦点且如果域的值相对于OnFocus执行时有所改变,则执行。

Button对象

表格中有三种类型按钮,由标记中的TYPE属性定义:

Submit类型按钮(type="SUBMIT")。

Reset类型按钮(type="RESET")。

Custom类型按钮(type="BUTTON")。

所有按钮对象都包含以下成分:

属性

Value属性返回VALUE属性的字符串值。

Name属性返回NAME属性的字符串值。

方法

Click()方法用于选定按钮。

事件处理器

OnClick事件处理器在按钮被单击时执行。

Submit和Reset对象

属性

Value属性返回VALUE=属性的内容。

Name属性返回NAME=属性的内容。

方法

Click()方法用于选定按钮。

事件处理器

OnClick事件处理器在按钮被单击时执行。

Navigator与String对象

Password对象

属性

DefaultValue属性返回VALUE=属性的内容。

Name属性返回NAME=属性的内容。

Value属性返回目前输入Password域的数据。

方法

Focus()方法将焦点带入Password域。

Blur方法将焦点从Password域移出。

Select()方法选定Password域中的当前数据,以备修改。

Navigator对象

该对象用于确定用户访问时使用的Navigator浏览器版本。

属性

AppCodeName属性返回相对于用户浏览器的"codename"。

AppName属性返回相对于用户浏览器的实际名字。

AppVersion属性返回相对于用户浏览器的版本号。

UserAgent属性反映用户浏览器的全部信息。

String对象

String对象为操作字符串的内容提供了多种方法。

属性

Length属性返回字符串的长度,即字符串中字符的个数。

方法

Big(), Blink(), Bold(), Fixed(), Italics(), Small(), Sub(), Strike(), Sup(), FontColor(color), FontSize(size)等方法。

以上方法为字符串增加相应的HTML标记。

CharAt(index)方法返回字符串中index处的字符。

IndexOf(searchValue,[fromIndex])方法在字符串中寻找第一次出现的searchValue。如果给定了fromIndex,则从字符串内该位置开始搜索,当searchValue找到后,返回该串第一个字符的位置。

从指定位置开始搜索的逻辑。

LastIndexOf(searchValue,[fromIndex])方法从字符串的尾部向前搜索searchValue,并报告找到的第一个实例。

Substring(indexA,indexB)方法获取自indexA到indexB的子串。

ToLowerCase(), ToUpperCase()方法将字符串中所有字符全部转换成大写或小写。

Date与Math内置对象

Date对象

要使用Date对象,必须先生成一个Date实例:

变量名=new Date();

方法

GetDay(), GetDate(), GetHours(), GetMinutes(), GetMonth(), GetSeconds(), GetTime(),

GetTimeZoneOffset(), GetYear()等方法。

还有SetDay等设置方法。

ToGMTString()方法用GMT格式返回当前时间,例如(Sun,12 Feb 1999 14:19:22 GMT)。

ToLocaleString方法用locale格式返回当前时间,例如(03/11/99 14:19:22)。

Parse(date)方法将普通date字符串转换成毫秒形式,从而给SetTime()做参数。

Math对象

属性

LN10属性表示10的自然对数。

PI属性表示圆周率3.1415926...。

SQRT1_2属性表示1/2的平方根。

方法

Abs(x)方法返回x的绝对值。

Acos(x)方法返回x的arc cosine值。

Asin(x)方法返回x的arc sin值。

Atan(x)方法返回x的arc tangent值。

Ceil(x)方法返回大于等于x的最小整数。

Cos(x)方法返回x的cosine值。

Exp(x)方法返回e的x次方。

Floor(x)方法返回小于等于x的最大整数。

Log(x)方法返回x的自然对数值。

Max(x,y)方法返回x,y中的大值。

Min(x,y)方法返回x,y中的小值。

Pow(x,y)方法返回x的y次方。

Round(x)方法舍入到最近整数,小于或等于0.5的小数舍去。

Sin(x)方法返回x的sin值。

Sqrt(x)方法返回x的平方根。

Tan(x)方法返回x的tangent值。

作者最新文章