javascript 浏览器对象(3)

2、关闭窗口和刷新父窗口

利用window对象的close()方法可以关闭当前窗口，返回一个窗口对象。使用该方法语法如下：

window.close();

关闭当前窗口，也可以使用如下方式实现。例如：

window.close(); close(); this.close();

关闭弹出窗口时刷新父窗口，也就是关闭子窗口时自动刷新父窗口中的内容。当用户通过window对象的open()方法打开一个新窗口(子窗口)，在新窗口中进行关闭操作后，关闭子窗口的同事刷新父窗口来实现更新页面的内容。

例12-7：关闭弹出窗口刷新父窗口

new.html代码如下：

新窗口

关闭当前窗口并刷新父窗口

12.2.7弹出网页模式对话框

在实际的应用中，有时需要弹出网页模式对话框。它在父窗口上，即必须关闭子窗口后才能访问父窗口。否则，不能访问父窗口。利用window对象的showModalDialog()方法，可以弹出网页模式对话框。该方法语法如下：

window.showModalDialog(\打开对话框的URL\，传递的参数，\对话框特征\

向页面对话框传递参数，传递参数的类型不限（如字符串、数组等）。对话框通过window对象dialogArguments属性来取得传递进来的参数。传递参数不是必须的，这可以根据实际应用而定。

对话框的常见特征属性见下表：

对话框的特征属性

特征名称 dialogHeight dialogWidth center resizable scroll status dialogTop dialogLeft

例如，弹出一个模式对话框的语句如下：

说明 对话框的高度 对话框的宽度 窗口是否居中，yes或1为是，no或0为否。默认为yes 是否允许改变对话框窗口的大小，yes或1为是，no或0为否 是否显示滚动条，yes或1为是，no或0为否 是否显示状态栏，yes或1为是，no或0为否 对话框窗口与屏幕最顶部的距离，单位为像素 对话框窗口与屏幕最左端的距离，单位为像素 window.showModalDialog(\450px;dialogHeight = 150px;status = no;scroll = no\ dialogWidth =

第二个参数window代表把自己的window对象传到模态子窗体中。dialogWidht = 450px表示模态对话框的宽度，dialogHeight = 150px表示模态对话框的高度，status=no表示无状态栏，scroll=no表示无滚动条。其中多个对话框特征属性用分号“；”隔开，可用1代替yes，用0代替no。在定义模态对话框时，用px做单位。

12.3 history和location对象

12.3.1 history对象

利用history对象实现访问窗口历史，history对象存储了最近所访问网页的URL地址列表。它多用于操作浏览器的“前进”和“后退”，与浏览器本身的“前进”和“后退”功能一直。

history对象在处理历史URL地址列表并进行站点页面导航方面有着广泛的应用。 history对象的常见方法见下表：

history对象的常用方法

方法名称 back() forward() go(\

history对象的back()方法相当于浏览器的“后退”按钮，forward()方法相当于浏览器的“前进”按钮，代码如下：

还可以使用history.go(x)方法指定要访问的历史记录。若x参数为正，则向前移动；若x参数为负数，则向后移动；x为0表示重新加载本页。页面代码如下：

描述 退回前一页 重新进入下一页 加载被指定的URL，或跳到指定的页面数 使用history的length属性能够访问history数组的长度，可以很容易的转移到列表的末尾。例如：

12.3.2 location对象

window对象使用locaction属性引用location对象，此对象相当于浏览器中的地址栏，包含了关于当前URL地址的信息，它提供了一种重新加载窗口当前URL的方法。

location对象的常见属性

属性 host hostname href

location对象的常见方法见下表

方法名称 assign(\reload() replace(\

说明 加载URL指定的新的HTML文档 重新加载（刷新）当前页面 通过加载URL指定的文档来替换当前文档 说明 设置或返回URL的主机名和端口号。如www.westaccp.com:80 设置或返回URL的主机名部分。如www.westaccp.com 设置或返回完整的URL字符串。如http://www.westaccp.com/index.html 12.3.3自定义导航控制面板示例

在实际应用中，有时需要创建一个自定义导航控制面板。通过该面板可以直接进行相关功能的操作，单击网页中的“前进”和“后退”按钮可以实现不同页面的切换显示。

例12-8：自定义导航控制面板