弹出窗口控制-window.open()　

最新推荐文章于 2024-01-01 23:52:03 发布

hand1573

最新推荐文章于 2024-01-01 23:52:03 发布

阅读量2k

点赞数 1

文章标签： javascript 浏览器 url function scroll ie

本文链接：https://blog.csdn.net/hand1573/article/details/5356556

版权

本文介绍如何使用JavaScript的window.open()方法来控制弹出窗口的行为，包括窗口尺寸、位置调整及定时关闭等。同时介绍了screen对象的使用方法以及window.opener和setTimeout()方法的应用。

摘要由CSDN通过智能技术生成

弹出窗口控制-window.open()　

2009-05-07 17:31

方法一 window.open()方法

格式：window var=window.open(url,windowname[,location]);

参数说明:

window var :当前打开窗口的句柄。如果open()方法执行成功，则window var的值为一个window对象的句柄，否则window var的值是一个空值。

url :目标窗口的url。如果url是一个空字符串，则浏览器将打开一个空白窗口。允许用write()方法创建动态HTML。

windowname :window 对象的名称。

location :对窗口属性进行设置。其可选参数如下:

属性	说明
width	窗口的宽度
height	窗口的高度
scrollbars	是否显示滚动条
resizable	设定窗口大小是否固定
toolbar	浏览器工具条，包括前进及后退按钮
menubar	菜单条，一般包括文件，编辑及其他一些条目
location	定位区，也叫地址栏，是可以输入url的浏览器文本
direction	更新信息的按钮

以下示例为在主页面弹出一个居中显示的窗口，五秒后该窗口自动关闭，并刷新主页面。

function popups()

{

var hdc=window.open("test.jsp?id=1","new","width=322,height=206");//打开新窗口并向其传递一个参数

width=screen.width;

height=screen.height;

hdc.moveTo((width-322)/2,(height-206)/2);//当然，也可以在open()方法里用top和left方法来设置窗口的位置

window.opener.location.reload();//刷新父窗口中的网页

window.setTimeout("window.close()",5000);

}

示例中使用到的几个方法详解:

1、screen对象

screen是JavaScript中的屏幕对象，反映了当前用户的屏幕设置。该对象常用属性如下:

属性	说明
width	用户整个屏幕的水平尺寸，以像素为单位
height	用户整个屏幕的垂直尺寸，以像素为单位
pixelDepth	显示器的每个像素的位数
availHeight	返回窗口内容区域的垂直尺寸，以像素为单位
availWidth	返回窗口内容区域的水平尺寸，以像素为单位

2、window.opener

window.opener.属性

window.opener.方法

opener属性与打开该窗口的父窗口相联系。当访问子窗口的opener属性时，返回的是父窗口。通过该属性，可以使用父窗口对象中的属性和方法。location.reload()方法为刷新。

3、setTimeout()方法

window对象的setTimeout（）用于延时执行某一操作。格式如下:

setTimeout(expression,secdelay[,language]);

参数说明:

expression :是一个字符串，可包含任何对函数，方法或者单个JavaScript语句的调用。

secdelay :指定运行的时间，以毫秒为单位。(1000ms=1s)

language :指定语句或参数expression调用的函数所使用的脚本语言。如果完全用JavaScript，则不需设置该参数。

附加三个：（一）关闭IE窗口时，不弹出询问对话框

说明：通常使用JavaScript的window.close()方法关闭IE主窗体时，都会弹出“你查看的网页正在试图关闭窗口，……”对话框。用下面语句可以屏蔽该对话框：

该方法通过将要关闭的IE窗口的打开窗口（父窗口）设置为null而实现。

（二）显示无边框窗口

说明 :使用window对象的open（）方法中的“fullscreen=1”参数，可以将打开的新窗口全屏显示。（此时就没边框了）。

示例：新建一个辅助页面index，在其中输入:

winClose();

function winClose()

{

window.opener=null;

window.close();

window.open("test.jsp","","fullscreen=1");

}

（三）、弹出指定尺寸的无边框窗口

说明:先通过window对象的open()方法弹出一个最大化窗口，再通过window对象的resizeTo()方法和moveTo（）方法控制窗口的尺寸和显示位置。注意:window对象的resizeTo()方法在IE6以上的版本中，只能改变一般状态显示的窗口尺寸，不能改变使用了fullscreen=1设置的窗口。

在要弹出的对话框页面中输入:

self.resizeTo(321,203);//self:当前窗口

width=screen.width;

height=screen.height;

selt.moveTo((width-240)/2,(height-139)/2);

</script>

另外，在弹出的页面body标志中还需要输入“scroll=no”,否则弹出的窗口会带有滚动条。