window open方法

<span id="articlecontent" class="wenzhang_con" onmouseup="NewHighlight(event)" style="width: 740px"><p>方法一 window.open()方法</p> <p>格式:window var=window.open(url,windowname[,location]);</p> <p>参数说明:</p> <p>window var :当前打开窗口的句柄。如果open()方法执行成功,则window var的值为一个window对象的句柄,否则window var的值是一个空值。</p> <p>url :目标窗口的url。如果url是一个空字符串,则浏览器将打开一个空白窗口。允许用write()方法创建动态HTML。</p> <p>windowname :window 对象的名称。</p> <p>location :对窗口属性进行设置。其可选参数如下:</p> <p>属性 说明 <br>width 窗口的宽度 <br>height 窗口的高度 <br>scrollbars 是否显示滚动条 <br>resizable 设定窗口大小是否固定 <br>toolbar 浏览器工具条,包括前进及后退按钮 <br>menubar 菜单条,一般包括文件,编辑及其他一些条目 <br>location 定位区,也叫地址栏,是可以输入url的浏览器文本 <br>direction 更新信息的按钮</p> <p><br>以下示例为在主页面弹出一个居中显示的窗口,五秒后该窗口自动关闭,并刷新主页面。</p> <p><script language="javascript"></p> <p>function popups()</p> <p>{</p> <p>var hdc=window.open("test.jsp?id=1","new","width=322,height=206");//打开新窗口并向其传递一个参数</p> <p>width=screen.width;</p> <p>height=screen.height;</p> <p>hdc.moveTo((width-322)/2,(height-206)/2);//当然,也可以在open()方法里用top和left方法来设置窗口的位置</p> <p>window.opener.location.reload();//刷新父窗口中的网页</p> <p>window.setTimeout("window.close()",5000);</p> <p>}</p> <p>示例中使用到的几个方法详解:</p> <p>1、screen对象</p> <p>    screen是JavaScript中的屏幕对象,反映了当前用户的屏幕设置。该对象常用属性如下:</p> <p>属性 说明 <br>width 用户整个屏幕的水平尺寸,以像素为单位 <br>height 用户整个屏幕的垂直尺寸,以像素为单位 <br>pixelDepth 显示器的每个像素的位数 <br>availHeight 返回窗口内容区域的垂直尺寸,以像素为单位 <br>availWidth 返回窗口内容区域的水平尺寸,以像素为单位</p> <p><br>2、window.opener</p> <p>    window.opener.属性</p> <p>    window.opener.方法</p> <p>opener属性与打开该窗口的父窗口相联系。当访问子窗口的opener属性时,返回的是父窗口。通过该属性,可以使用父窗口对象中的属性和方法。location.reload()方法为刷新。</p> <p>3、setTimeout()方法</p> <p>window对象的setTimeout()用于延时执行某一操作。格式如下:</p> <p>setTimeout(expression,secdelay[,language]);</p> <p>参数说明:</p> <p>expression :是一个字符串,可包含任何对函数,方法或者单个JavaScript语句的调用。</p> <p>secdelay :指定运行的时间,以毫秒为单位。(1000ms=1s)</p> <p>language :指定语句或参数expression调用的函数所使用的脚本语言。如果完全用JavaScript,则不需设置该参数。</p> <p>附加三个:(一)关闭IE窗口时,不弹出询问对话框</p> <p>说明:通常使用JavaScript的window.close()方法关闭IE主窗体时,都会弹出“你查看的网页正在试图关闭窗口,……”对话框。用下面语句可以屏蔽该对话框:</p> <p><a href="#" >关闭系统</a></p> <p>该方法通过将要关闭的IE窗口的打开窗口(父窗口)设置为null而实现。</p> <p>(二)显示无边框窗口</p> <p>说明 :使用window对象的open()方法中的“fullscreen=1”参数,可以将打开的新窗口全屏显示。(此时就没边框了)。</p> <p>示例:新建一个辅助页面index,在其中输入:</p> <p><script language="javascript"></p> <p>winClose();</p> <p>function winClose()</p> <p>{</p> <p>window.opener=null;</p> <p>window.close();</p> <p>window.open("test.jsp","","fullscreen=1");</p> <p>}</p> <p>(三)、弹出指定尺寸的无边框窗口</p> <p>说明:先通过window对象的open()方法弹出一个最大化窗口,再通过window对象的resizeTo()方法和moveTo()方法控制窗口的尺寸和显示位置。注意:window对象的resizeTo()方法在IE6以上的版本中,只能改变一般状态显示的窗口尺寸,不能改变使用了fullscreen=1设置的窗口。</p> <p>在要弹出的对话框页面中输入:</p> <p><script language="javascript"></p> <p>self.resizeTo(321,203);//self:当前窗口</p> <p>width=screen.width;</p> <p>height=screen.height;</p> <p>selt.moveTo((width-240)/2,(height-139)/2);</p> <p></script></p> <p>另外,在弹出的页面body标志中还需要输入“scroll=no”,否则弹出的窗口会带有滚动条。</p>  

你可能感兴趣的:(JavaScript,浏览器,IE,url,Class,scroll)