转载自品略图书馆 http://www.pinlue.com/article/2020/05/2305/1410592280517.html
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.yesky.com"将使浏览器转到yesky的主页。
通过对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:指定是否使用数据加扰。关于数据加扰我会在后面的文章中讲解。