您的位置:晶晶的博客>前端>JavaScript常用浏览器内置对象

JavaScript常用浏览器内置对象

1、对象的分级体系

每个HTML文档被装入浏览器中时浏览器就创建了一系列分级的对象体系,此体系反映了HTML文档的属性.

在每一个HTML页中含有下面的对象:

navigator:含有正在使用的Navigator的名称、版本属性,客户端支持的MIME类型属性,客户端安装的"插件"类型。

window:最高等级的对象,拥有整个窗口的属性;在每一个Frame中的"子窗口"也有相应的window对象。

document:包含基于文档内容的属性,如title、backgroundcolor、links和form等。

location:含有基于当前的URL的属性。

history:包含客户机先前已经请求过的URL。

在引用属性时,必须指定属性的所有祖先。例如,引用表单MyForm中的Text1的Value,必须写成:

document.MyForm.Text1.Value

2、关键的浏览器对象

在HTML页中,最有用的JavaScript对象有:window、Frame、document、Form、location、history和navigator对象。在这里分别讲一讲这些对象。

window和Frame对象

window对象是HTML文档的所有其他对象的祖先对象,是浏览器的窗口和窗口属性的集合。当在一个WEB页中用FRAME和 FRAMESET定义了多个桢后,每个桢对应一个Frame对象。Frame对象和window对象的属性和方法是一样的,仅仅是在浏览器中对应的区域不同。

window对象的方法有:

open和close:开、关一个浏览器窗口;可以定义大小、内容、按钮条、定位区域和其他一些属性。

alert:显示带警告信息的对话框。

confirm:显示带OK和Cancel按钮的确认对话框。

prompt:显示带一个输入文本框的提示对话框。

blur和focus:在一个窗口中设置和移去输入焦点。

scroll:使窗口卷动到指定的坐标。

setTimeout:在指定的时间后对一表达式求值。

此外,window中的location和status属性能完成一些有用的任务:

通过对location属性赋值使浏览器转到指定的URL,如同用户键入URL地址一样,如:location=http://www.jjonline.org将使浏览器转到晶晶在线的主页。

通过对status属性赋值可以在浏览器底部的状态条中显示指定的信息。

document对象

对document对象的write和writeln方法相信读者通过以前的介绍已经非常熟悉了。此外,document对象反映HTML文档的许多属性,其中包括:背景(bgColor)、文本(fgColor)、链接颜色(linkColor、alinkColor和vlinkColor) 等;还有lastModified(文档的最近修改日期)、referrer(先前访问的URL)、URL(当前文档的URL)等。

cookie属性使用户可以读出和设置cookie的值。

document对象是所有Anchor、Applet、Area、Form、Image、Link、Plugin等对象的“祖先”对象。

Form对象

当在HTML文档中使用<form>和</form>定义了表单时,Form对象就建立了。由于在一个主页中可以有多个表单,所以各个表单对象用数组或

中的表单名来区分。如:

document.forms[1]HTML文档中的第二个表单(第一个表单是forms[0]);

document.forms[0].elements[1]HTML文档中第一个表单的第二个成分(这个成分可以是Button或InputText等)。

location对象

location对象的属性是基于当前URL的值的。如:hostname是服务器及汇总文档的域名。

location对象有两个方法:

reload:强制重新载入当前文档。

replace:强制载入指定的URL文档,并覆盖当前的历史记录。

history对象

history对象保留用户浏览WEB的历史记录在一个字符串数组中。利用history对象的current、next和previous属性可以访问当前的、下一个和前一个历史项;同样,也可以用history数组访问其他的历史项。

history对象的go方法用来使浏览器转到指定的历史记录。例如:

history.go(-2)载入前两项的URL;

history.go(0)重新载入当前页。

navigator对象

navigator对象包含当前浏览器的信息,如:appName属性指定了浏览器的名称;appVersion属性指定了浏览器的版本信息。

navigator对象有两个方法:

javaEnabled:指定是否支持Java。

taintEnabled:指定是否使用数据加扰。关于数据加扰我会在后面的文章中讲解。

下面将Navigator预定义的对象数组列出以供大家参考:

转载请注明本文标题和链接:《JavaScript常用浏览器内置对象

网友评论抢沙发

路人甲 表情
Ctrl+Enter快速提交