第六章窗口和框架

1、高等学校计算机应用人才培养系列教材6.1JavaScriptJavaScript程序设计程序设计贾素玲贾素玲 王强王强 主编主编张剑张剑 曹爽曹爽 董亮董亮 编著编著 高等学校计算机应用人才培养系列教材6.2第六章第六章 窗口和框架窗口和框架高等学校计算机应用人才培养系列教材6.3本章结构本章结构uJavaScript对象模型对象模型uwindow对象对象uframe对象对象ulocation对象对象uhistory对象对象unavigator对象对象uscreen对象对象高等学校计算机应用人才培养系列教材6.4JavaScript对象模型对象模型u浏览器对象的层次结构浏览器对象的层次结构n浏

2、览器对象模型定义了浏览器对象的组成和相互关系，描述了浏浏览器对象模型定义了浏览器对象的组成和相互关系，描述了浏览器对象的层次结构，是览器对象的层次结构，是Web页面中内置对象的组织形式。页面中内置对象的组织形式。n浏览器对象不需要在程序中创建，它们会在浏览器对象不需要在程序中创建，它们会在Web浏览器打开网页浏览器打开网页的时候被自动创建。的时候被自动创建。n浏览器对象模型中的每个对象都含有若干属性和方法，使用这些浏览器对象模型中的每个对象都含有若干属性和方法，使用这些属性和方法可以操作属性和方法可以操作Web浏览器窗口的不同功能，控制和访问窗浏览器窗口的不同功能，控制和访问窗口中框架和口中框

3、架和HTML页面的不同内容。页面的不同内容。n浏览器对象模型和浏览器的种类有关，不同浏览器可能包含不同浏览器对象模型和浏览器的种类有关，不同浏览器可能包含不同的浏览器对象及其属性和方法，而且彼此互不兼容。的浏览器对象及其属性和方法，而且彼此互不兼容。nJavaScript和浏览器对象模型是两个不同的概念，通过和浏览器对象模型是两个不同的概念，通过JavaScript并不能影响和改变浏览器对象的核心内容；另外，浏览器对象不并不能影响和改变浏览器对象的核心内容；另外，浏览器对象不是是JavaScript专用的，其他的脚本语言（比如专用的，其他的脚本语言（比如VBScript）也可以使）也可以使用浏

4、览器对象。用浏览器对象。 高等学校计算机应用人才培养系列教材6.5JavaScript对象模型对象模型u浏览器对象模型浏览器对象模型高等学校计算机应用人才培养系列教材6.6JavaScript对象模型对象模型u浏览器对象模型中的层次浏览器对象模型中的层次n窗口（窗口（window）对象是浏览器对象模型中定义的其他所有对象的）对象是浏览器对象模型中定义的其他所有对象的父类。它代表浏览器窗口中显示父类。它代表浏览器窗口中显示HTML页面内容的区域。使用当页面内容的区域。使用当前窗口的属性和方法时，并不需要去识别，因为浏览器默认的是前窗口的属性和方法时，并不需要去识别，因为浏览器默认的是当前窗口。当

5、前窗口。n文档（文档（document）对象代表装载到窗口中的）对象代表装载到窗口中的HTML页面。它包含页面。它包含了其他一些常用的对象，例如了其他一些常用的对象，例如form、link、image、layer等。等。n表单（表单（form）对象由许多其他重要的对象组成，例如）对象由许多其他重要的对象组成，例如text、button、radio、checkbox、select等，这些对象通常在等，这些对象通常在Web页面中使用，页面中使用，是用户和页面动态交互的关键。是用户和页面动态交互的关键。n浏览器对象的值可以通过浏览器对象模型层次来获得，即使用浏览器对象的值可以通过浏览器对象模型层次来

6、获得，即使用JavaScript，按照从顶层到底层的路径顺序，便可以设置或者访问，按照从顶层到底层的路径顺序，便可以设置或者访问某个属性的值。某个属性的值。高等学校计算机应用人才培养系列教材6.7JavaScript对象模型对象模型u浏览器对象的属性和方法浏览器对象的属性和方法n浏览器对象模型中的对象通常都含有很多属性，通过这些属性可浏览器对象模型中的对象通常都含有很多属性，通过这些属性可以表现对象的特征。以表现对象的特征。n不同浏览器对象的属性不一定相同，不过大部分浏览器对象都有不同浏览器对象的属性不一定相同，不过大部分浏览器对象都有“name”和和“value”这两个属性，访问对象属性的方

7、法如下：这两个属性，访问对象属性的方法如下：objectNpertyNameobjectName表示对象名称，propertyName表示该对象的属性名称。n方法是浏览器对象的固有函数，用来对特定对象执行某个操作。方法是浏览器对象的固有函数，用来对特定对象执行某个操作。n每个对象都有自己的方法集，方法的访问语法如下：每个对象都有自己的方法集，方法的访问语法如下：objectName.methodName(parameterList)objectName为包含所调用代码的对象名称，methodName为调用方法，parameterList为该方法的参数清单。高等学校计算机应用人才培

8、养系列教材6.8window对象对象u window对象的部分属性对象的部分属性nclosed：布尔值，用于判断窗口是否被关闭。：布尔值，用于判断窗口是否被关闭。ndefaultStatus：字符串，指定了默认显示在浏览器状态栏中的文：字符串，指定了默认显示在浏览器状态栏中的文本内容。本内容。ndocument：对：对document对象的应用，包含了窗口中对象的应用，包含了窗口中document对象对象的信息。的信息。nframes：包含了所有在本窗口中的：包含了所有在本窗口中的frame对象。对象。nhistory：对：对history对象的引用，表示用户浏览器窗口的历史信息对象的引用，表

9、示用户浏览器窗口的历史信息。nlocation：对：对locaton对象的引用，改变这个属性将导致浏览器加载对象的引用，改变这个属性将导致浏览器加载一个新的文档。一个新的文档。nparent：如果当前的窗口是一个框架，那么该属性就是对窗口中：如果当前的窗口是一个框架，那么该属性就是对窗口中包含这个框架的框架的引用。包含这个框架的框架的引用。nscreen：该属性是对：该属性是对screen对象的引用。对象的引用。高等学校计算机应用人才培养系列教材6.9window对象对象uwindow对象的部分方法对象的部分方法nalert(message)：该方法可以显示一个简单的信息对话框，带有一：该方法

10、可以显示一个简单的信息对话框，带有一个确定（个确定（OK）按钮，参数）按钮，参数message为要在对话框中显示的信息。为要在对话框中显示的信息。nconfirm(question)：该方法可以显示一个确定对话框，带有确定（：该方法可以显示一个确定对话框，带有确定（OK）和取消（）和取消（Cancel）按钮，参数）按钮，参数question为要在对话框中显示为要在对话框中显示的信息。的信息。nprompt()：该方法显示一个对话框，提示用户输入信息。：该方法显示一个对话框，提示用户输入信息。nopen(url,name,features,replace)：该方法用于打开一个新窗口。：该方法用于

11、打开一个新窗口。url指定了要在新窗口中显示的文档的指定了要在新窗口中显示的文档的URL；name指定了新窗口指定了新窗口的名字；的名字；features指定了新窗口要显示的标准浏览器的特性；指定了新窗口要显示的标准浏览器的特性；replace指定是要在窗口的浏览历史中给装载的新页面的指定是要在窗口的浏览历史中给装载的新页面的url创建一创建一个新条目，还是用它替换掉浏览历史中的当前条目。个新条目，还是用它替换掉浏览历史中的当前条目。高等学校计算机应用人才培养系列教材6.10window对象对象uwindow对象的部分方法对象的部分方法nsetInterval()：该方法设置一个时间间隔，使程

12、序周期性的重复运：该方法设置一个时间间隔，使程序周期性的重复运行某段代码，它有两种形式，分别为：行某段代码，它有两种形式，分别为：setInterval(code,interval)和和setInterval(func,interval,args)。 nclearInterval(intervalID)：这个方法可以停止周期性的执行某段代：这个方法可以停止周期性的执行某段代码，参数码，参数intervalID表示调用表示调用setInterval()方法返回的值。方法返回的值。nsetTimeout(code,delay)：这个方法将延迟代码的执行，参数：这个方法将延迟代码的执行，参数code

13、为一个字符串，表示被延迟执行的为一个字符串，表示被延迟执行的JavaScript代码；参数代码；参数delay表表示被延迟的时间，以毫秒计。示被延迟的时间，以毫秒计。nclearTimeout(timeoutID)：这个方法取消对指定代码的延期执行：这个方法取消对指定代码的延期执行，参数，参数timeoutID为调用为调用setTimeout()方法返回的值，标识了要取方法返回的值，标识了要取消的延期执行的代码块。消的延期执行的代码块。高等学校计算机应用人才培养系列教材6.11frame对象对象u创建框架创建框架n框架是框架是Web浏览器窗口中独立的、可以滚动的分块区域，每个框浏览器窗口中独立

14、的、可以滚动的分块区域，每个框架都可以被看成是独立的窗口，包含自己的架都可以被看成是独立的窗口，包含自己的URL。n浏览器包含一个顶层的浏览器包含一个顶层的window对象，而每个框架也都有自己的对象，而每个框架也都有自己的window对象，框架的对象，框架的window对象由浏览器顶层对象由浏览器顶层window对象继承对象继承而来。而来。n虽然虽然JavaScript可以用来操作框架，但是框架却是由可以用来操作框架，但是框架却是由HTML标记标记语言创建，其语法规则如下：语言创建，其语法规则如下： . 高等学校计算机应用人才培养系列教材6.12frame对象对象uframe对象的属性和方法

15、对象的属性和方法n尽管被称为尽管被称为frame对象，但是它是由对象，但是它是由HTML标记语言创建，所以严标记语言创建，所以严格说来，在格说来，在JavaScript中这种对象是不存在的。中这种对象是不存在的。n如果一个浏览器窗口包含了若干个框架，那么每个框架不过是如果一个浏览器窗口包含了若干个框架，那么每个框架不过是window对象的一个实例，它们具有的属性、支持的方法和事件处对象的一个实例，它们具有的属性、支持的方法和事件处理器都与理器都与window对象相同。对象相同。n不过，在表示顶层浏览器窗口的不过，在表示顶层浏览器窗口的window对象与表示框架的对象与表示框架的window对象

16、之间，还存在以下几点差异：对象之间，还存在以下几点差异：如果设置了框架的如果设置了框架的defaultStatus属性，只有当鼠标在那个框架属性，只有当鼠标在那个框架中时，制定的状态信息才会显示出来。中时，制定的状态信息才会显示出来。顶层浏览器窗口的顶层浏览器窗口的top属性和属性和parent属性引用的总是顶层窗口属性引用的总是顶层窗口自身。这两个属性只有对框架来说才真正有用。自身。这两个属性只有对框架来说才真正有用。方法方法close()对表示框架的对表示框架的window对象来说没有用。对象来说没有用。高等学校计算机应用人才培养系列教材6.13location对象对象u概述概述nloca

17、tion对象用来表示浏览器窗口中加载的当前文档的对象用来表示浏览器窗口中加载的当前文档的URL，该对，该对象的属性说明了象的属性说明了URL中的各个部分。中的各个部分。n一旦一旦location对象的属性发生变化，就相当于生成了一个新的对象的属性发生变化，就相当于生成了一个新的URL，浏览器便会尝试打开新的，浏览器便会尝试打开新的URL。n虽然可以通过改变虽然可以通过改变location对象的任何属性加载新的页面，但是一对象的任何属性加载新的页面，但是一般不建议这么做，正确的方法是修改般不建议这么做，正确的方法是修改location对象的对象的herf属性，将属性，将其设置为一个完整其设置为一

18、个完整URL地址，从而实现加载新页面的功能。地址，从而实现加载新页面的功能。nlocation对象和对象和document对象的对象的location属性是不同的，属性是不同的，document对象的对象的location属性是一个只读字符串，不具备属性是一个只读字符串，不具备location对象的任对象的任何特性，所以也不能通过修改何特性，所以也不能通过修改document对象的对象的location属性实现重属性实现重新加载页面的功能。新加载页面的功能。高等学校计算机应用人才培养系列教材6.14location对象对象ulocation对象的属性对象的属性nhash：这个属性表示了：这个属

19、性表示了URL应用的对象中的锚的名字。应用的对象中的锚的名字。nhost：这个属性表示了：这个属性表示了URL中的主机名和端口号的组合。中的主机名和端口号的组合。nhostname：这个属性表示了：这个属性表示了URL中的主机名。中的主机名。nhref：这个属性表示了完整的：这个属性表示了完整的URL地址。地址。npathname：这个属性表示了：这个属性表示了URL中的路径部分。中的路径部分。nport：这个属性表示了：这个属性表示了URL中的端口部分。中的端口部分。nprotocol：这个属性表示了：这个属性表示了URL中的协议部分。中的协议部分。nsearch：这个属性表示了：这个属性表

20、示了URL中的查询部分。中的查询部分。高等学校计算机应用人才培养系列教材6.15location对象对象ulocation对象的方法对象的方法nreload(force)：该方法从缓存或者服务器中再次把当前文档加载：该方法从缓存或者服务器中再次把当前文档加载进来。进来。force是一个布尔型的参数，如果将其设置为是一个布尔型的参数，如果将其设置为true，那么就，那么就使当前页面无条件的从所处的服务器上重新加载；如果将参数设使当前页面无条件的从所处的服务器上重新加载；如果将参数设置为置为false，或者忽略该参数，那么只有当从上次加载完毕后，文，或者忽略该参数，那么只有当从上次加载完毕后，文档

21、被改变时才会重新加载。档被改变时才会重新加载。 nreplace(url)：该方法用一个新的文档替换当前的文档。调用该方：该方法用一个新的文档替换当前的文档。调用该方法，将用该方法中参数指定的法，将用该方法中参数指定的URL替换当前浏览器中的文档，而替换当前浏览器中的文档，而不是在历史列表中创建一个新的条目。不是在历史列表中创建一个新的条目。n如果使用如果使用replace()方法加载一个新的页面后，浏览器的方法加载一个新的页面后，浏览器的“后退后退”按钮将无法返回到原来的页面，而通过改变按钮将无法返回到原来的页面，而通过改变location对象的属性来对象的属性来加载一个新的页面时便可以做到

22、这一点。加载一个新的页面时便可以做到这一点。高等学校计算机应用人才培养系列教材6.16history对象对象uhistory对象的属性对象的属性nhistory对象是一个数组，其中的元素存储了浏览历史中的对象是一个数组，其中的元素存储了浏览历史中的URL，用来维护在用来维护在Web浏览器的当前会话内所有的曾经打开的历史文件浏览器的当前会话内所有的曾经打开的历史文件列表。其属性主要包括：列表。其属性主要包括：current：指定了当前文档的：指定了当前文档的URL。length：表示：表示history对象中保存的对象中保存的URL的个数。的个数。next：指定了在历史列表中位于当前文档之后的文

23、档的：指定了在历史列表中位于当前文档之后的文档的URL。previous：指定了在历史列表中位于当前文档之前的文档的：指定了在历史列表中位于当前文档之前的文档的URL。 n注意，用户浏览网页的历史信息属于个人隐私，所以对注意，用户浏览网页的历史信息属于个人隐私，所以对history对对象的使用有严格限制。在象的使用有严格限制。在Navigator 4中及以后版本中，有署名的中及以后版本中，有署名的脚本可以访问脚本可以访问history对象数组的元素；而在对象数组的元素；而在Navigator以前版本以以前版本以及及Internet Explorer中，中，history对象数组的元素是无法访问

24、的。对象数组的元素是无法访问的。 高等学校计算机应用人才培养系列教材6.17history对象对象uhistory对象的方法对象的方法nback()：这个方法可以使浏览器向后转移到以前已经访问过的：这个方法可以使浏览器向后转移到以前已经访问过的URL，该方法的执行效果等同于在浏览器上点击，该方法的执行效果等同于在浏览器上点击“后退后退”按钮。按钮。nforward()：这个方法可以使浏览器向前转移到以前已经访问过的：这个方法可以使浏览器向前转移到以前已经访问过的URL，该方法的执行效果等同于在浏览器上点击，该方法的执行效果等同于在浏览器上点击“前进前进”按钮。按钮。ngo()：这个方法可以使浏

25、览器转移到以前访问过的：这个方法可以使浏览器转移到以前访问过的URL，该方法，该方法有两种形式，分别为有两种形式，分别为go(position)和和go(target)。在第一种形式。在第一种形式go(position)中，参数中，参数positon是一个整形参数，指定的是在是一个整形参数，指定的是在history对象支持的历史列表中的位置的距离，该方法会使浏览器访问这对象支持的历史列表中的位置的距离，该方法会使浏览器访问这个指定距离处的个指定距离处的URL，参数值为正数，浏览器就会在历史列表中，参数值为正数，浏览器就会在历史列表中向前移动，参数值为负数，浏览器就会在历史列表中向后移动。向前移

26、动，参数值为负数，浏览器就会在历史列表中向后移动。在第二种形式在第二种形式go(target)中，参数中，参数target是一个字符串，该方法会是一个字符串，该方法会使得浏览器再次访问第一个含有这个指定的字符串的使得浏览器再次访问第一个含有这个指定的字符串的URL。 高等学校计算机应用人才培养系列教材6.18navigator对象对象unavigator对象的属性对象的属性nnavigator对象用于获取用户浏览器相关信息，其属性主要包括：对象用于获取用户浏览器相关信息，其属性主要包括：appName：该属性用于表示：该属性用于表示Web浏览器名称。浏览器名称。appVersion：该属性用于

27、表示：该属性用于表示Web浏览器版本号或者其他版本浏览器版本号或者其他版本信息。信息。appCodeName：该属性表示：该属性表示Web浏览器代码名称。浏览器代码名称。userAgent：存储在：存储在HTTP用户代理请求头重的字符串，包含用户代理请求头重的字符串，包含了了appName和和appVersion中的所有信息。中的所有信息。platform：该属性表示运行浏览器的平台。：该属性表示运行浏览器的平台。language：该属性表示浏览器支持的语言版本。：该属性表示浏览器支持的语言版本。高等学校计算机应用人才培养系列教材6.19navigator对象对象unavigator对象的方法

28、对象的方法njavaEnabled()：该方法可以检测当前的浏览器是否支：该方法可以检测当前的浏览器是否支持并激活了持并激活了Java。npreference()：查询或者设置用户的优先级，该方法只：查询或者设置用户的优先级，该方法只能用在能用在Navigator中。中。nsavePreference()：保存用户的优先级，该方法只能用：保存用户的优先级，该方法只能用在在Navigator中。中。ntainEnabled()：检测当前浏览器是否支持并激活了：检测当前浏览器是否支持并激活了“污污染数据染数据”安全模型。安全模型。高等学校计算机应用人才培养系列教材6.20screen对象对象usc

29、reen对象的属性和方法对象的属性和方法nscreen对象用于获取用户屏幕设置的相关信息，主要包括显示尺对象用于获取用户屏幕设置的相关信息，主要包括显示尺寸和可用颜色的数量的信息。下面给出寸和可用颜色的数量的信息。下面给出screen对象常用的属性，对象常用的属性，这些属性得到了各种浏览器的普遍支持：这些属性得到了各种浏览器的普遍支持：availHeight：这个属性表示屏幕的可用高度。：这个属性表示屏幕的可用高度。availWidth：这个属性表示屏幕的可用宽度。：这个属性表示屏幕的可用宽度。colorDepth：这个属性表示浏览器调色板的深度。：这个属性表示浏览器调色板的深度。height：这个属