文档介绍：第六章窗口和框架
JavaScript对象模型
浏览器对象的层次结构
浏览器对象模型定义了浏览器对象的组成和相互关系,描述了浏览器对象的层次结构,是Web页面中内置对象的组织形式。
浏览器对象不需要在程序中创建,它们会在Web浏览器打开网页的时候被自动创建。
浏览器对象模型中的每个对象都含有若干属性和方法,使用这些属性和方法可以操作Web浏览器窗口的不同功能,控制和访问窗口中框架和HTML页面的不同内容。
JavaScript和浏览器对象模型是两个不同的概念,通过JavaScript并不能影响和改变浏览器对象的核心内容;另外,浏览器对象不是JavaScript专用的,其他的脚本语言(比如VBScript)也可以使用浏览器对象。
JavaScript对象模型
浏览器对象模型
JavaScript对象模型
浏览器对象模型中的层次
窗口(window)对象是浏览器对象模型中定义的其他所有对象的父类。它代表浏览器窗口中显示HTML页面内容的区域。使用当前窗口的属性和方法时,并不需要去识别,因为浏览器默认的是当前窗口。
文档(document)对象代表装载到窗口中的HTML页面。它包含了其他一些常用的对象,例如form、link、image、layer等。
表单(form)对象由许多其他重要的对象组成,例如text、button、radio、checkbox、select等,这些对象通常在Web页面中使用,是用户和页面动态交互的关键。
浏览器对象的值可以通过浏览器对象模型层次来获得,即使用JavaScript,按照从顶层到底层的路径顺序,便可以设置或者访问某个属性的值。
JavaScript对象模型
浏览器对象的属性和方法
浏览器对象模型中的对象通常都含有很多属性,通过这些属性可以表现对象的特征。
不同浏览器对象的属性不一定相同,不过大部分浏览器对象都有“name”和“value”这两个属性,访问对象属性的方法如下:
objectName表示对象名称,propertyName表示该对象的属性名称。
JavaScript对象模型
浏览器对象的属性和方法
方法是浏览器对象的固有函数,用来对特定对象执行某个操作。
每个对象都有自己的方法集,方法的访问语法如下:
(parameterList)
objectName为包含所调用代码的对象名称,methodName为调用方法,parameterList为该方法的参数清单。
window对象
window对象的部分属性
closed:布尔值,用于判断窗口是否被关闭。
defaultStatus:字符串,指定了默认显示在浏览器状态栏中的文本内容。
document:对document对象的应用,包含了窗口中document对象的信息。
frames[]:包含了所有在本窗口中的frame对象。
history:对history对象的引用,表示用户浏览器窗口的历史信息。
location:对locaton对象的引用,改变这个属性将导致浏览器加载一个新的文档。
parent:如果当前的窗口是一个框架,那么该属性就是对窗口中包含这个框架的框架的引用。
screen:该属性是对screen对象的引用。
window对象
window对象的部分方法
alert(message):该方法可以显示一个简单的信息对话框,带有一个确定(OK)按钮,参数message为要在对话框中显示的信息。
confirm(question):该方法可以显示一个确定对话框,带有确定(OK)和取消(Cancel)按钮,参数question为要在对话框中显示的信息。
close():该方法用于关闭窗口。(本身带有一确认框)
open(url,name,features,replace):该方法用于打开一个新窗口。url指定了要在新窗口中显示的文档的URL;name指定了新窗口的名字;features指定了新窗口要显示的标准浏览器的特性;replace指定是要在窗口的浏览历史中给装载的新页面的url创建一个新条目,还是用它替换掉浏览历史中的当前条目。
window对象
window对象的部分方法
setInterval():该方法设置一个时间间隔,使程序周期性的重复运行某段代码,它有两种形式,分别为:setInterval(code,interval)和setInterval(func,interval,args…)。
clearInterval(intervalID):这个方法可以停止周期性的执行某段代码,参数intervalID表示调用setInterva